Cara Merubah Posting Lama dengan Angka

Kali ini saya akan menerangkan cara merubah posting lama dengan angka. Membuat posting lama dengan angka ini gunanya yaitu untuk memudahkan pengunjung melihat posting yang ada di dalam blog kita. Kebanyakan merubah posting lama dengan angka ini di lakukan dengan cara Rancangan, Tambah Gadget, HTML/JavaScript lalu tambahkan kode CSSnya.

Tapi kali ini sedikit berbeda yaitu dengan meletakan di Edit HTML. Jika tertarik dengan meletakkan di Edit HTMl silahkan ikuti cara-cara berikut ini



1. Login ke blogger
2. Masuk ke Rancangan dan Edit HTML
3. Lalu centang Expand Widget Template
4. Cari kode ]]></b:skin> (CTRL + F), kemudian letakkan kode di bawah ini 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;
}


5. Lalu letakkan kode berikut sebelum 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 -->



6. Terakhir Save Template.
Share 'Cara Merubah Posting Lama dengan Angka' On ...

Cara Merubah Posting Lama dengan Angka 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

1 comment: