✔ Cara Menciptakan / Mengganti Tombol Next Page Dan Older Post Dengan Angka Keren Di Blog

Cara Membuat / mengganti Tombol Next Page dan Older Post dengan Angka keren di Blog.

Tombol next page ini sama fungsinya dengan tombol next page, previous, dan home yang terdapat pada bab bawah postingan, namun yang satu ini kita merubah itu semua dengan angka, tujuan nya semoga para pengunjung lebih gampang menjelajahi isi dari blog sobat. Tombol next page yang satu ini berbeda dengan tutorial blogger lainnya, alasannya ialah mungkin tutorial ini belum pernah ada yang share.


Cara Membuat Tombol Next Page dengan Angka di Blog Keren

NB : Sebelum Lanjut sebaiknya sahabat d0wnl0ad dulu Tempate yang sekarang, buat jaga jaga ada kesalah pada ketika meletakan kode, oke eksklusif saja

1. Masuk Beranda blogger Klik Template > Edit HTML
2. Cari/Temukan Code <b:includable id='nextprev'> gunakan (CTRL+F) untuk mencari code dengan cepat.
3. Kemudian Salin Dan Paste Code dibawah ini sempurna di bawah code <b:includable id='nextprev'>

<b:includable id='page-navi'> <div class='pagenavi'> <div class='clear'/> </div> </b:includable>

4. Cari/Temukan Code <b:include name='nextprev'/> lalu ganti dengan code dibawah ini

<!-- navigation --> <b:if cond='data:blog.pageType == "index"'> <b:include name='page-navi'/> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <b:include name='page-navi'/> <b:else/> <b:include name='nextprev'/> </b:if> </b:if> <!-- feed links -->

5. Cari/Temukan Code </style> lalu Copas aba-aba dibawah ini. dan letakan di atas aba-aba </style>

/* Page Navigation */ .pagenavi { clear:both; margin:-5px 0 10px; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; } .pagenavi span,.pagenavi a { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #dddddd; } .pagenavi .current, .pagenavi .pages, .pagenavi a:hover { border: 1px solid #aaaaaa; } .pagenavi .pages { display:none; }

6. Save Template

Nah gimana sahabat blogger cukup gampang kan ? silakan dicoba mudah- mudahan cocok dengan template sahabat blogger, jikalau ada kesulitan silakan tanyakan di kolom komentar.

Sumber http://inirifany.blogspot.com

Share this post

Berlangganan update artikel terbaru via email: