Senin, 11 Februari 2013

Tips Mempercantik Blog - Cara Mengganti * Older Post * Dengan Angka





Tips Mempercantik Blog - Cara Mengganti * Older Post * Dengan Angka

Hy para sobat blogger gimana kabarnya ???heheheee...semoga dalam keadaan sehat dan baik-baik saja.Kali ini saya akan mencoba untuk menjelaskan Tips Mempercantik Blog - Cara Mengganti * Older Post * Dengan Angka pada blogspot dengan cara yang sangat-sangat lah mudah...

Biasanya navigasi untuk berpindah halaman pada blogspot sering menggunakan link dengan kata * Older Post ( Posting Lama ) * atau * Newer Post * . Nah...di artikel tips kali saya akan menjelaskan secara mudah untuk mengganti link * Older Post ( Posting Lama ) * atau * Newer Post * menjadi angka seperti gambar di bawah ini :


tips blog


1.Untuk langkan pertama login lah ke blogger dan tentu saja harus menuju ke desain template,setelah itu clik edit HTML


2.Kemudian carilah code ]]></b:skin> agar mudah mencarinya gunakan tombol Ctrl+F , nah jika sudah ketemu copas code di bawah ini dan selanjutnya taruh codenya sebelum code ]]></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;
}



3. Untuk selanjutnya carilah code </body> agar mudah mencarinya gunakan tombol Ctrl+F , nah jika sudah ketemu copas code di bawah ini dan selanjutnya taruh codenya sebelum code </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 -->





Nah...jika sudah selesai jangan lupa save template para sobat dan kemudian lihat lah hasilnya. Semoga artikel Tips Mempercantik Blog - Cara Mengganti * Older Post * Dengan Angka yang singkat ini bisa bermanfaat...


Info Lowongan Kerja Online Dan Bisnis Online ==>> Ipayfix 100% Masih Bisnis Online Terpercaya | Ngetik Dapat Puluhan Dollar Gratis

Tidak ada komentar:

Posting Komentar