cara Mengganti "Older Posts" Dengan Angka |panduan lengkap tentang blogger.

panduan lengkap tentang blogger - Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru. Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru) seperti gambar di atas.

baca juga : CARA AMPUH MENINGKATKAN PAGERANK DI BLOG

1. sobat harus Log in dulu ke blog sobat .. hee dah pasti lah,

2. Sobat akan masuk ke dasboard sobat lalu klik tanda panah di samping gambar pensil dan pilih temple untuk lebih jelas nya liat gambar di bawah ini sob.

3. kemudian sobat akan di bawa ke pengaturan temple, dan klik tulisan edit HTML ya sob, untuk lebih jelas nya lihat gambar di bawah ini ..okk

4. Carilah kode ]]></b:skin>  di kotak HTML , jika sobat masih bingung nyari nya langsung aja dah sob klik 1x di dalam kotak kode kemudian CONTROL + F ( pencarian ) nanti ada box kecil di pojok kanan atas kotak nah isikan kode  : ]]></b:skin>  trus tekan enter deh pasti langsung ketemu tuh ...

5. Jika sudah ketemu letakan kode di bawah  ini  tepat  di atas  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 jangan tutup dulu masih dalam kotak HTML seperti biasa cari lagi kode </body> jika sudah ketemu copy kode di bawah  ini  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 -->

7. Simpan teamle dan lihat hasil nya.