GAYA HIDUP: Cara Membuat Next Page Number Di Blogspot

Jumat, 06 Februari 2015

Cara Membuat Next Page Number Di Blogspot


Cara membuat next page number di blog agar mempercantik tampilan blog sobat dikarenakan lebih terlihat dengan teratur dari default yang disediakan oleh blogger.okeh sobat langsung saja langkahnya seperti yang saya tuliskan di bawah ini. 

Cara Membuat Next Page Number Di Blogspot


Langkah langkah Membuat Next page Number :

1. Login ke aku Blogger sobat dulu lalu pilih Tamplate,kemudian klik Edit HTML.



2. Alangkah baiknya sobat Download Template Lengkap dulu biar nanti bisa mengembalikan kesemula bila terjadi  kesalahan yang tidak di ketahui, karena tampilan blogger sudah terupdate jadinya gak perlu pakek centang

    

3. Cari code ]]></b:skin> (gunakan tombol ctrl+f atau tombol F3  untuk memudahkan pencarian).Jika sudah ditemukan maka letakkan kode dibawah ini tepat diatas 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;textdecoration: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 {tex 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;}





4. Selanjutnya cari kode </body> yang terletak pada bagian bawah template.Kemudian letakkan kode  dibawah ini tepat diatasnya.


<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->


 5. Belum selesai sob cari lagi kode di bawah ini :

    'data:label.url'      

- Setelah ketemu kemudian ganti dengan kode dibawah ini :
    'data:label.url + &quot;?&amp;max-results=5&quot;'



6. Simpan template anda dan lihat hasil tutorial Cara Membuat Next page Number di blog anda.

next page number 

- Ket: Minimal mempunyai 7 posting dalam blog.


Kenapa harus 7 posting karena jika satu posting apa yang mau di next page logikanya gitu sobat. Terima Kasih.