Cara Membuat Tombol Next Page Dengan Angka diBlog Dengan Sederhana
Cara MembuatTombol Next Page Dengan Angka diBlog-
Nah banyak sekali dari antara kita pengen membuat Next page diblognya masing masing ada yg berasal dari templatenya sendri dan ada juga tidak berasal dari template sendrinya
![]() |
| Gambar ; bloger blog |
,nah kali ini saya akan mempraktikan bagi template yang sama sekali tidak punya next page pada blognya
Contoh : Screnshoot
Bagaimana Caranya?
Caranya Mudah Kamu hanya perlu menempelkan kode ini tepat pada template/html kamu
Pertama : Masuk Ke Blogger
Kedua : Cari tulisan Tema ,Tema. biasanya Berada Ditegah tegah diatasnya Tata letak dibawahnya Setelan.
Ketiga : Masukan kode berikut ini
Kode 1 :
div class="blog-pager" id="blog-pager"><span class="showpageOf">Page 1 of 6</span><span class="pagecurrent">1</span><span class="displaypageNum"><a href="#" onclick="redirectpage(2);return false">2</a></span><span class="displaypageNum"><a href="#" onclick="redirectpage(3);return false">3</a></span><span class="displaypageNum"><a href="#" onclick="redirectpage(4);return false">4</a></span><span class="displaypageNum"><a href="#" onclick="redirectpage(5);return false">5</a></span><span class="displaypageNum"><a href="#" onclick="redirectpage(6);return false">6</a></span><span class="displaypageNum"><a href="#" onclick="redirectpage(2);return false">Next »</a></span><span class="displaypageNum lastpage"><a href="#" onclick="redirectpage(6);return false">Last</a></span></div>
Menggunakan kode pertama ,
Kalau Masih saja tidak muncul atau tidak berfungsi tombolnya pada blog anda silahkan ganti kode diatas ke kode 2
Kode 2 :
<div class="blog-pager" id="blog-pager">
<span id="blog-pager-newer-link">
<a class="blog-pager-newer-link" href="http://www.masyadi.com/" id="Blog1_blog-pager-newer-link" title="Newer Posts">Newer Posts</a>
</span>
<span id="blog-pager-older-link">
<a class="blog-pager-older-link" href="http://www.masyadi.com/search?updated-max=2015-03-24T08:36:00%2B07:00&max-results=10&start=10&by-date=false" id="Blog1_blog-pager-older-link" title="Older Posts">Older Posts</a>
</span>
<a class="home-link" href="http://www.masyadi.com/">Home</a>
</div>
Kode Kedua ini yang saya beri teks warna merah itu silahkan ganti dengan http blog kamu kalau tidak diganti maka tidak akan berfungsi.
Keempat : Terakhir Save
Nah itulah Cara Membuat Next Page pada blog dengan mudah ,kalo masih belum bisa dicoba lagi yah pake cara lain Sekian Dari Saya Semoga Bermanfaat!


Komentar
Posting Komentar