Cara Membuat Tombol Next Page -- Kali ini Teknologi Komputer akan membagian tips dan trik blogger buat kalian semua yang masih awal memulai bermain dengan blog. Nah tips yang akan saya berikan kali ini adalah Cara Membuat Tombol Next Page di blogger. Sebenarnya tombol ini sudah ada di bagian paling bawah template kalian dan iu adalah bawaan dari blogger itu sendiri. Tapi untuk kalian yang ingin menjadikan blognya menjadi lebih profesional dan bisa membantu para penunjung untuk melihat-lihat artikel kalian, maka tidak ada salahnya untuk mencoba tips ini. Tombol Next Page yang akan saya tuliskan ini tidak sama dengan tombol bawaan dari blogger, namun kita akan menggunakan angka. Kelihatanya keren.
Alasan kenapa kalian harus mencoba tips ini karena hasilnya nanti akan menarik seperti di blognya Magazineers. Disitu terlihat tombol nex page yang rapi,bagus dan elegan. Saya suka templatenya karena simple dan enak dipandang dan juga dijelajahi lewat dekstop maupun mobile web. Nah langusng saja ke Cara Membuat Tombol Next Page di blogger.
Berikut ini langkah yang perlu diperhatikan bail-baik :
1. Login ke blogger kalian
2. Kemudian menuju ke bagian Template dan Edit Html
3. Kemudian copy kode dibawah ini :
/* Tombol Next Page Dengan Angka */
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}
4. Kemudian paste kodenya diatas kode ]]></b:skin>
5. Kemudian cari kode seperti ini </body> dan copy paste kode dibawah ini tepat diatas kode tersebut
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord='Prev';
var downPageWord='Next';
</script>
<!-- Tombol Next Page by nyiaran.blogspot.com -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>
6. Kemudian simpan template kalian dan lihat hasilnya
Nah begitulah Cara Membuat Tombol Next Page diblog kalian supaya tampilannya terlihat semakian profesional, Semoga artikel Teknologi Komputer ini bisa bermanfaat salam dan terimakasih telah berkunjung.
