06 Februari, 2015

Cara Membuat Page Number (Angka Halaman) pada Blogg

Yuhuhu, kali ini Saya akan membuat Postingan yang membantu Pengunjung untuk mengambil Jalan Pintas menemukan Artikel melalui Angka Halaman. Agar terkesan sempurna dan memudahkan pembaca :p

Meski sudah banyak yang memposting serupa, apa salahnya jika Saya menyalurkan Ilmu ini dan lebih memperluas juga di mesin pencari google :D hehehe

Oke, sekalian ini juga sebagai catatan buat Saya manatau besok mau ganti-ganti tampilan, jadi gak perlu mengetikkan "Cara membuat Halaman 1,2,3 dst" di kolom pencarian google. ^.^
Buat Sobat yang masih pemula seperti Saya, silahkan ambil copypaste dan manfaat nya yaa. semoga bisa digunakan.

Langkah-Langkah :

1. Login ke Blogg Home - Pilih "Template" > "Edit HTML"

2. Temukan Kode "]]></b:skin>" (tanpa tanda petik) di layar Edit HTML dengan jalan pintas (Ctrl+F).
Copypaste Script ini tepat diatas Kode ]]></b:skin> yaa Sob.

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


3. Setelah itu, cari lagi kode "</body>" dengan Ctrl+F dan pastekan script ini tepat diatas kode "</body>"
   
 <b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://eaction.googlecode.com/files/pagenav.js' type='text/javascript'/>

</b:if> 


4. Jika ingin melihat Perubahannya terlebih dahulu tanpa menyimpan, klik "Pratinjau Template" dan Jika hasilnya sesuai menurut hati sobat, silahkan klik "Simpan Template"

Selamat Mencoba, Semoga Berhasil ^.^


Tidak ada komentar: