Navigasi Dengan Penomoran Pada Halaman Utama Blog

Unknown

Blogger Tricks

Minggu, 07 Oktober 2012

Belum ada komentar

Hanya Ingin Berbagi - Secara default, Navigasi pada Halaman Utama Blogger sangat minimalis, pengunjung hanya disediakan tiga buah link utama untuk menelusuri seluruh artikel yang telah dipublish pada blog tersebut, yaitu :

• Newer Posts / Posting Lebih Baru : Digunakan untuk navigai ke posting yang lebih baru.

• Home / Beranda : Navigasi yang digunakan untuk menuju ke halaman awal blog.

• Older Posts / Posting Lama : Digunakan untuk navigasi ke posting yang lebih lama.

Trik memasang navigasi dengan penomoran pada halaman utama blog, akan sangat memudahkan pengunjung blog untuk melompat ke postingan yang berada di bagian tengah dengan nomor tertentu, apalagi jika jumlah posting pada blog tersebut cukup banyak, maka default navigasi yang disediakan oleh blogger akan terasa kurang membantu.

Untuk memasang navigasi dengan penomoran pada halaman utama blog, triknya seperti di bawah ini :

• Login ke blogger dengan ID anda klik Rancangan >> Edit HTML

• Beri tanda mark (centang) Expand Template Widget lalu cari kode seperti ini : ]]></b:skin>

• Masukkan kode yang ada di bawah ini tepat di atasnya (kode pada point 3)

.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; }

• Cari kode tag </body> lalu masukkan kode berikut di atasnya.

&lt;!--MP Page Navigation Starts--&gt; &lt;b:if cond='data:blog.pageType != &amp;quot;item&amp;quot;'&gt; &lt;b:if cond='data:blog.pageType != &amp;quot;static_page&amp;quot;'&gt; &lt;script type='text/javascript'&gt; var pageCount=5; var displayPageNum=5; var upPageWord =&amp;#39;Previous&amp;#39;; var downPageWord =&amp;#39;Next&amp;#39;; &lt;/script&gt; &lt;script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;!--MP Page Navigation Ends --&gt;

• Klik tombol SIMPAN TEMPLATE
  
  

• Atur jumlah posting yang akan ditampilkan pada halaman navigasi, caranya klik tab Setelan >> Format. Ubah angka pada bagian Tampilkan sebanyak mungkin misalnya menjadi 5 (sebaiknya jumlah posting yang ditampilkan pada halaman navigasi berkisar 5 sampai 7 jika lebih akan memperlambat waktu loading halaman blog).

• Periksa hasilnya dan pastikan sudah sesuai dengan yang diharapkan