Membuat Page Navigasi DI Blog

Oleh Rusydi

Jun 14, 2012

Bagikan :

Tweet

Anda ingin membuat page navigation untuk blog Anda? Sayangnya Blogger belum membuat page navigation seperti pada wordpress. Tapi Anda jangan khawatir. Masih ada jalan lain koq.

Berikut ini gambar page navigasi :

Jika Anda ingin memasangnya untuk blog Anda, ikuti langkah-langkah berikut ini :

1. Masuk kedalam Dasboard Blogger anda terus Layout > Edit HTML
2. Jangan di ceklish atau centang "Expand Widget Templates"
3. Cari Kode di bawah ini
   ]]></b:skin>
   dan pastekan  kode di bawah ini di bawah kode ]]></b:skin>
   <b:if cond='data:blog.pageType != "item"'><br /> <style> .showpageArea{background:#000; border:1px solid #333;box-shadow:0 0 8px #000;text-align:center;padding:1px;margin:0; z-index: 1;} .showpageArea a {text-decoration:underline;} .showpageNum a {text-decoration:none;background:transparent;margin:0 3px;padding:2px} .showpagePoint {color:#CCC;text-decoration:none;background:transparent;margin:0 3px;padding:2px;font-weight:bold} .showpageOf {color:#333333;text-decoration:none;padding:2px;margin: 0 3px 0 0} .showpage a {text-decoration:none;border: 0px;padding:3px;} </style>
   
4.  Kemudian cari kode di bawah ini
   </body>
   dan pastekan  kode di bawah ini di atas kode </body>
   <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var pageCount=4; var displayPageNum=10; var firstPageWord = 'First'; var endPageWord = 'last'; var upPageWord ='[«]'; var downPageWord ='[»]'; </script> <script src='http://paciran-cheaterz.googlecode.com/files/pagenavi.js' type='text/javascript'/> </b:if>
   
5. Dan Simpan

Tag : Blogger