Selasa, 10 September 2013

Cara Membuat Widget Next Page Pada Blog

Tujuan membuat Widget Next Page pada blog adalah untuk mempermudah pengunjung yang membaca artikel kita, Untuk melihat postingan artikel pada halaman yang lainnya, dan hal ini dilakukan karena jumlah postingan artikel yang sudah banyak atau lebih dari 100 postingan. Sehingga pengunjung yang membaca artekel kita sangat membutuhkan witget next page ini, supaya mudah menemukan postingan artikel yang lainnya, Dan mereka betah untuk berlama lama pada Blog kita.
Cara Memesang Widget Next page pada blog adalah sebagai berikut:
1. Login ke account blogger  anda.
2. Pilih dan Klik menu Template.
3. Lalu pilih dan klik Edit HTML
4. Cari kode ]]></b:skin> untuk mempercepat pencarian tekan CTRL+F
5. Letakkan kode di bawah ini tepat di atas ]]></b:skin>

 /* -- NUMBER PAGE NAVIGATION -- */ .showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898} .showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana} .showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262} .showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111} .showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}

6. cari kode </body> dan letakkan kode di bawah ini tepat di atas </body> 

 <!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=10;
var displayPageNum=5;
var upPageWord =&#39;&#171; &#39;;
var downPageWord =&#39; &#187;&#39;;
</script>
<script src='http://u-sup.googlecode.com/files/page_num.js' type='text/javascript'/>
 <!-- PAGE NAVIGATION END-->


7. lalu di save

0 komentar:

Klick To Play Song