Mere Nyaho Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian ) Dengan Mudah dan Simple

Mere Nyaho Cara - Mere Nyaho Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian ) Dengan Mudah dan Simple - hallo selamat sore dan selamat berjumpa kembali sahabat blog Mere Nyaho Cara, pada kesempatan sore hari ini admin, akan sedikit mengulas dan berbagi seputar blog nih, yang mungkin dari sekian artikel yang membahas soal blog, besar kecilnya suatu saat nanti akan sedikit berguna juga bagi sobat pemula semuanya, dan kali ini admin akan memberikan cara mudah membagi postingan menjadi beberapa halaman yang dapat admin rangkum dari blog MP4U | My Post For yoU, dan langsung saja berikut ini ulasannya...

Isu yang dalam bahasa Inggis-nya disebut "Split lengthy blogger post into multiple pages" bukan hal asing bagi pengguna blog selfhosting Wordpress karena ada pluginnya : Splitter Plugin WP ini "Automatically split a post into pages by adding a `nextpage` tag, with html validity maintenance" ( secara otomatis membagi posting kedalam beberapa bagian ( halaman / Pages ) dengan menambahkan tag "nextpage" dalam kode html ) ..

TULISAN atau posting panjang di blog blogspot ( long blog post ) .. bisa dibagi menjadi dua-tiga atau lebih bagian ( halaman / page ) .. tanpa harus mengubah permalinknya .. Kita nanti tambahkan "Page 2" atau "Next Page" di tiap bagian akhir tulisan yang dipenggal itu ..

Baca Juga :

Sejarah Berdirinya Blogger.com dan Mitos Seputar Blogging

Nah, Pertanyaan-nya bagaiman dengan blog yang di blogspot ?? Tidak ada widget instant ataupun plugin .. Blogger juga "gak ngajarin" tuh soal ini .. Tapi, Mere Nyaho Cara menemukan isu "split long blog post" untuk blogger ini di Blognya CB yang di dapat dari Rushly Written dan Tripo Soft

Namun, sebelumnya harap diingat .. "blog posts split" atau pembagian posting menjadi dua halaman atau lebih ini tidak berpengaruh pada Pageviews .. Artinya, tidak menambah jumlah Pageview .. Sebab url atau permalinknya sama .. Ok Kita Langsung Aja .. Dibawah ini cara buat nya ..

Mere Nyaho Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian ) Dengan Mudah dan Simple

1. Pisahkan atau bagi posting Anda kedalam DIV atau SPAN dan tambahkan "class attribute" di dalamnya .. Contohnya seperti di bawah ini .. Ini contoh posting yang dibagi tiga bagian / 3 halaman .. Note Dilakukan di Mode HTML Bukan Compose ..

<div class="content_1">
    //Bagian pertama posting di sini!
</div>
<div class="content_2" style="display:none;">
    //Bagian kedua posting di sini!
</div>
<div class="content_3" style="display:none;">
    //Bagian ketiga posting di sini!
</div>

2. COPAS kode berikut ini di bawah kode di atas ..

<p style="font-weight:bold;">Next Pages :
<a href="#" class="button_1">« 1</a>
<a href="#" class="button_2"> 2</a>
<a href="#" class="button_3"> 3 »</a>
</p>

3. COPAS juga kode berikut ini di bawah kode no. 2 .. dan Perhatikan catatan yang ada setelah kode yang warna Putih !!!

//add jQuery library
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript">
</script> //Jika di template blog Anda sudah ada kode jQuery yang seperti ini maka gak usah lagi ditambahkan ..


<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>

Baca Juga :

Mere Nyaho Cara Mendaftar/Membuat Blog di Blogspot Dengan Mudah, Simple dan Gratis Hanya Beberapa Menit Saja!!!

udah cuma itu dan cuma segitu aja, sangat mudah bukan ??, selamat mencoba... jika kurang faham dalam penyampaian-nya... silahkan berkomentar bagian mana yang tidak faham-nya... dan untuk demo nya / hasil pembuatan nya... bisa sobat lihat pada postingan sebelum nya atau klik tombol demo di bawah ini...

DEMO

• Label Serupa : Tutorial Blog