Rabu, 22 Agustus 2012

Cara Membuat Page Navigator Blog



Older Post atau Posting Lama merupakan sebuah link menuju postingan-postingan yang sudah ditulis. Jika anda lihat, di beberapa blog tidak ditemukan tulisan tersebut. Hal tersebut terjadi mungkin karena sengaja dihilangkan oleh pemilik blog tersebut, atau ia menggantinya dengan angka.

Memang, format angka lebih baik dari pada tulisan. Dengan format angka ini, pengunjung dapat lebih mudah melihat postingan-postingan kita sebelumnya.
Jika ada beberapa dari antara sobat juga mau blog sobat seperti itu, langsung saja praktekkan tutorialnya di bawah......
 

1. Log in ke blog sobat
2. buka rancangan>Edit HTML

3. Centang Expand Widget Template
4. Cari kode ]]></b:skin> Untuk mempermudah pencarian, tekan CTRL+F dari keyboard.
5. Masukkan 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;
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;
}

6. Jika sudah cari kode </body>
7. Setelah ketemu, masukkan kode dibawah, tepat di atas kode </body>


<!--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 -->


8. Klik Pratinjau terlebih dahulu 
9. Kalo sudah cocok , Klik Simpan Template , dan cek hasilnya........ Good Luck



Sumber

0 komentar:

Posting Komentar

Silahkan Tinggalkan Komentar. Mohon untuk tidak berkomentar yang bernada SPAM atau berbau PORNO. Harap Menyertakan Link Sumber bila ingin Mengcopy Paste artikel Blog ini.
Copyright © Real-Sabian.Blogspot.com

 
back to top