Cara Ganti Posting Lama Dengan Angka

Hallo sobat Blogger, apa sedang mencari cara ganti posting lama dengan angka? tepat sekali kalau begitu, karena kali ini Blogeraceh
akan membagi tutorial tentang membuat navigasi dengan tombol. oh ya kemarin Blogeraceh posting cara membuat kotak spoiler yang mungkin akan sobat temukan dibawah. berhubungan script nya terlalu panjang makanya kita masukin saja ke dalam peti : )



oke, kita mulai saja cara nya.

• buka edit template sobat
• (alt+f) cari kode ]]></b:skin>
• Copy + Paste kan kode scriptnya tepat diatas kode ]]></b:skin> . silhakan sobat pilih script sesuai dengan background sobat, jika background gelap pilih Black Ground jika terang pilih White Ground.

Black Ground:

.showpageArea { padding:2px; margin:0px auto; text-align: center; } .showpageArea a {border: 1px solid #FFFFFF; color: #FF8000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #fff; color: #FF8000; background-color: #000000; } .showpageNum a {border: 1px solid #FFFFFF; color: #FF8000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; border: 1px solid #fff; color: #FF8000; background-color: #000000; } .showpagePoint {font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #fff; color: #fff; background-color: #000000; } .showpage a:hover {font-size:11px; border: 1px solid #fff; color: #FF8000; background-color: #000000; } .showpageNum a:link,.showpage a:link { font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #FFFFFF; color: #FF8000; background-color: #000000;} .showpageNum a:hover {font-size:11px; border: 1px solid #fff; color: #FF8000; background-color: #000000; }

Atau

White Ground:

.showpageArea { padding:2px; margin:0px auto; text-align: center; } .showpageArea a {border: 1px solid #FFFFFF; color: #FF8000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #fff; color: #FF8000; background-color: #000000; } .showpageNum a {border: 1px solid #FFFFFF; color: #FF8000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; border: 1px solid #fff; color: #FF8000; background-color: #000000; } .showpagePoint {font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #fff; color: #fff; background-color: #000000; } .showpage a:hover {font-size:11px; border: 1px solid #fff; color: #FF8000; background-color: #000000; } .showpageNum a:link,.showpage a:link { font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #FFFFFF; color: #FF8000; background-color: #000000;} .showpageNum a:hover {font-size:11px; border: 1px solid #fff; color: #FF8000; background-color: #000000; }

• jika sudah di Copy + Paste script diatas maka sekarang Cari kode </body> dan Copy + Paste Script dibawah 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></script>
<!--Page Navigation Ends -->

• Jika sudah maka Save template nya sobat, dan buka Home dari Blog nya sobat masing-masing.

Gimana sobat? sekarang Blog nya pasti udah tambah cantik, rapi dan trendi ya b^^a. semoga Cara ganti posting lama dengan angka ini bermanfaat bagi Blogeraceh dan sobat Blogger, jangan lupa sumbang waktunya 7 detik saja untuk tombol share media disamping kiri posting ini ya sob ^^
Happy Blogging!