• Translate

5/12/2015

Cara Membagi Posting Blogspot Menjadi Beberapa Halaman

Tutorial Blogspot |

Advertisement

Cara Membagi Posting Blogspot Menjadi Beberapa Halaman | sebenarnya cara ini sudah ada bagi sobat yang menggunakan dan membuat blog dengan wordpress atau joomla, karena pada wordpress dan joomla sudah memiliki fitur untuk membagi postingan menjadi beberapa halaman, dan jangan heran kalau pengguna wordpress dan joomla memiliki rangking alexa yang tinggi padahal visitornya tidak banyak.

Dengan fitur ini, pageviews (PV) blog menjadi lebih tinggi, karena untuk satu postingan bisa dibagi menjadi beberapa halaman, untuk contoh yang sudah saya lakukan silahkan lihat postingan saya yang sudah saya bagi menjadi 3 bagian (pageviews) pada judul "Meningkatkan Daya Tahan Baterai iPad". bagaimana apa sobat sudah melihat hasilnya? 

Untuk para bloggers jangan berkecil hati karena blogspot belum mempunyai fitur ini, hal ini bisa kita siasati secara manual walaupun agak ribet. saya saja 2 x percobaan baru berhasil. membagi postingan menjadi beberapa halamana sangat bermamfaat untuk merampingkan alexa rank dan juga membuat pengnjung betah berlama-lama diblog sobat karena pasti banyak pengunjung merasa bosan apabila artikel atau postingan sobat terlalu panjang.

biar sobat tidak penasaran silahkan ikuti langkah-langkah Cara Membagi Posting Blogspot Menjadi Beberapa Halaman.

► Tambahkan Script berikut pada template blog diatas kode </body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>

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

Perhatikan Script yang saya beri warna diatas, apabila blog sobat sudah memiliki script sejenis atau lebih tinggi, maka script diatas dihapus saja. jika sudah di copy-paste script diatas, save template.

langkah berikut silahakan lihat halaman 2.

Halaman :  

Disqus
Blogger
Comment
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box

7 comments Add Comment

makasih gan membantu banget artikelnya saya sudah coba berhasil

Reply

alhamdulillah agan berhasil menerapkannya di blog, terimakasih sudah berkunjung ya.. :D

Reply

gan cara buat pas klik halaman langsung kembali ke atas gimana ?

Reply

satu lagi nambah pagenya lagi gimna ?

Reply

misalnya agan mau buat sampai 4 halaman, silahkan agan tambah jQuery('.content_4').hide('slow'); di jquery nya pada kode yang diletakkan di atas </body>, lalu tambahkan <div class="content_4" style="display:none;">
DISINI POSTING HALAMAN KETIKA
</div> pada halaman postingannya. jangan lupa pilih html mode saat menulis kode tersebut. setelah itu silahkan tambahkan kode <a href="#" class="button_4"> 4</a> untuk menampilkan halaman nomor 4

Reply

Gan
ini mah kaya slide gitu ya
gak ke load halamannya
jadi page view gak bakal bertambah ini mas

Reply

iy mas nggak bisa nambah pageview, tapi setidaknya bisa membantu halaman yang isi artikelnya panjang untuk dibagi 2 atau 3.

setahu saya blogger belum mendukung pembagian halaman seperti wordpress.

Reply

Comments not appropriate topic will sign SPAM.