Percantik Blog dengan Mengganti "Older Post" Menjadi Angka

Upaya mempercantik tampilan blog tentu harus terus anda lakukan, agar gambaran fresh blog anda bisa dirasakan pembaca dengan baik. Tampilan cantik dan manis akan membuat suasana hati pembaca lebih baik. dan hal itu akan berpengaruh pada perasaan mereka.

Salah satu upaya yang dapat anda lakukan adalah mulai dari membuat arah-arahan yang benar pada blog anda, berikan pembaca pengalaman terbaik ketika membuka blog anda, seperti dengan memberikan nomor halaman.

Percantik Blog dengan Mengganti "Older Post" Menjadi Angka


Pada tampilan default blog dengan platform blogspot, yang kita lihat adalah kata Older Post di bagian bawah navigasi, itu kurang menarik jika diperhatikan. berikut ini mari kita rubah older post menjadi angka-angka halaman yang akan menambah cantik blog anda.

Percantik Blog dengan Mengganti "Older Post" Menjadi Angka


1) Bukan pengaturan HTML anda
2) Cari kode ]]></b:skin>
3) Tempatkan kode ini diatas  ]]></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;
}

4) Cari kode </body>, lalu tempatkan kode dibawah ini diatasnya

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

5) Klik Simpan

Mudah dan praktis bukan? selamat mempercantik tampilan blog anda. Jika anda menyukai artikel ini, tentu anda tidak akan melewatkan untuk membaca artikel Cara membuat iklan melayan di kiri dan kanan blog 

Percantik Blog dengan Mengganti "Older Post" Menjadi Angka Rating: 4.5 Diposkan Oleh: Unknown

5 komentar:

  1. ijin nyoba gan hehe...

    modding159.blogspot.com

    ReplyDelete
    Replies
    1. silahkan juragan, terimakasih atas kunjungannya. salam hangat

      Delete
  2. ini aku coba dan berhasil. makasih ya infonya bg ! :D

    ngehekal.blogspot.com

    ReplyDelete
    Replies
    1. terimakasih juga udah berkunjung mas haekal

      Delete
    2. terimakasih juga udah berkunjung mas haekal

      Delete