Membuat Navigasi Halaman Pada Blog

     Hai kawand kali ini saya akan posting tutorial blogger kembali, kali ini Membuat Navigasi Halaman Pada Blog, klo Biasanya pada homepage hanya berisi tulisan 'posting lama'--'posting baru'--'beranda'. Jadi, disini kita akan memodifikasi sedikit. Hehe yu Cekidot>

Kegunaannya:

·         Mempermudah pengunjung untuk melihat potingan-postingan kita yang sebelumnya

·         Mempercantik tampilan blog ^_^

 Cara membuat navigasi halaman pada blog:

•         Kawand log-in ke blog
•        Pada dasbor, Template--Edit HTML--lanjutkan(jangan lupa centangexpan widget template)
•        Cari ]]></b:skin>(untuk mempermudah mencari tekan Ctrl+F)
•       Copy kode CSS berikut dan Paste DIATAS/SEBELUM kode ]]></b:skin>

.showpageArea a {text-decoration:underline;} .showpageNum a {text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px;} .showpageNum a:hover {border: 1px solid #cccccc; background-color:#cccccc;} .showpagePoint {color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px;} .showpageOf {text-decoration:none; padding:3px; margin: 0 3px 0 0;} .showpage a {text-decoration:none; border: 1px solid #cccccc; padding:3px;} .showpage a:hover {text-decoration:none;} .showpageNum a:link,.showpage a:link {text-decoration:none; color:#333333;} 

•        Selanjutnya kawand cari </head>(untuk mempermudah Ctrl+F)
•        Copy kode berikut lalu paste DIATAS/SEBELUM </head> 

<b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/> </b:if>

•        Save template dan kawand liat sendiri perbedaannya.

^_^ Good Gob Kawand ^_^

^_^ Semoga Bermanfaat ^_^

>>>perbanyak comment ya kawand agar saya tetap semangat memposting ^_^