CARA TERBARU MEMBUAT POSTINGAN MENJADI BEBERAPA HALAMAN

Oleh Muhammad Abdul Ghofur

Saturday, July 4, 2015

Bagikan :

Tweet

CARA TERBARU MEMBUAT POSTINGAN MENJADI BEBERAPA HALAMAN ` Disamping untuk meningkatkan alexa rank, meningkatkan traffick pengunjung, dan mempercepat terindex di search engine dan juga bermanfaat agar pengunjung tidak merasa bosan apalagi jika postingan yang dibaca memang panjang. Memposting satu artikel yang panjang dalam satu halaman tentu menjadi tidak bijaksana. Selain memaksa pembaca harus terus menerus menekan scroll bar, terkadang pembaca juga langsung merasa ill feel dan kemudian malas untuk membaca artikel tersebut sampai selesai.

CARA TERBARU MEMBUAT POSTINGAN MENJADI BEBERAPA HALAMAN

Solusi dari memposting artikel panjang dalam satu halaman  adalah menggunakan fitur insert jump break. Hanya saja tidak semua pembuat templates mensupport hal ini, terkadang kita perlu untuk mengedit blogger themesnya secara manual dan menambah beberapa baris kode seperti berikut :

<data:post.body/>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Tutorial ini membuat postingan menjadi beberapa halaman dengan maksimal 3 halaman untuk satu postingan. Agar tidak penasaran, buat postingan terlebih dahulu, atau bisa juga dengan mengedit postingan yang sudah ada. Pada halaman postingan pilih Menu mode HTML kemudian bagilah postingan dengan menambahkan DIV atau SPAN dengan menambahkan atribut CLASS di karenakan artikel ini dengan menggunakan DIV CLASS.  berikut langkah-langkah membuat postingan menjadi beberapa halaman :

<script style="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').show('slow');
jQuery('.content_2').hide('slow');
jQuery('.content_3').hide('slow');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').hide('slow');
jQuery('.content_2').show('slow');
jQuery('.content_3').hide('slow');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').hide('slow');
jQuery('.content_2').hide('slow');
jQuery('.content_3').show('slow');
return false;
});
});
</script>

<div class="content_1">

DISINI POSTING HALAMAN PERTAMA

</div>

<div class="content_2" style="display:none;">

DISINI POSTING HALAMAN KEDUA

</div>

<div class="content_3" style="display:none;">

DISINI POSTING HALAMAN KETIKA

</div>

Ada beberapa orang yang menyukai kemudahan dalam membuat page break dalam blogspot dengan menggunakan fungsi insert jump break. Tapi ada juga yang suka dengan sedikit tantangan seperti menggunakan tehnik membagi halaman blogpsot menggunakan javascript.

Langkah-langkah membagi halaman blogspot menggunakan javascript adalah sebagai berikut :

1. Edit atau buat postingan yang berisi artikel yang panjang, dalam percobaan ini artikel akan dibagi menjadi 3 halaman.
2. Copy code diatas, dalam mode HTML paste code tersebut dibagian paling atas postingan.
3. Masih dalam mode HTML, cut artikel yang akan dijadikan pada halaman satu, kemudian pastekan pada bagian <div class='content_1'>artikel halaman satu</div>
4. Ulangi langkah ke tiga untuk artikel halaman dua dan tiga.
5. Save

Script ini masih bisa dimodifikasi sesuai kebutuhan, misalkan untuk membagi halaman blogspot menjadi 4 atau 5 halaman. Selamat mencoba.

Tag : Blogger