Mengganti Tulisan Older Post (postingan lama) Dengan Angka

Lihat lah di bawah postingan paling bawah dihalaman utama blog anda pasti ada tulisan artikel terdahulu atau older post atau juga bisa postingan lama. bermacam-macam sesuai dengan keinginan pembuat template. berikut ini ada sedikit tips jika kita ingin mengganti tulisan tadi menjadi angka. mungkin juga bisa keliatan simple dan menarik. jika masih bingung dengan penjelasan diatas bisa dilihat gambar dibawah. bagi yang tertarik untuk memasangnya di blog silahkan ikuti tips dan trik dibawah. Sangat gampang dan simple dalam pengerjaanya. cek it out.

Langsung saja caranya :
  • log in ke blogger
  • klik rancangan -- edit HTML
  • cari kode ]]></b:skin> setelah ketemu letakkan kode dibawah ini tepat 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;
    }
  • masih dalam mode edit HTML cari kode  </body> kemudian letakkan script dibawah ini dibawah kode diatas.

    <!--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 -->
  • save template anda dan lihat hasilnya. 

Selamat Mencoba !!!


10 komentar:

Unknown said...

Mantap Gan Infonya...Mau coba dulu gan...ijin copi code nya ea gannn

Unknown said...

Sama2 senang bisa membantu

Uem Cuters said...

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

Unknown said...

terima kasih gan, sudah bisa saya praktekan di blog saya

willyam said...

wah,keren banget postingannya sob..
ditunggu ya postingan-postingan yang lainnya..
jangan lupa kunjungi juga ya Blog saya
http://willyseptyanto.blogspot.com
terimakasih...^^

Unknown said...
This comment has been removed by the author.
Unknown said...

Terima Kasih Gan, Nice Info. :0

Naufal Ihsan said...

Terimakasih gan, sangat bermanfaat,

Visit blog ane
jnxcrew.blogspot.com

Sahilluqman said...

tips ini bisa mempengaruhi kecepatan dan nilai skore seo tidak?
http://sahilluqman.blogspot.com/

Sahilluqman said...

setelah diterapkan ternyata tidak jalan, hehe. kurang valid mas kodenya.

TEMPLATE COSTUMIZED BY : YAQINDLIVE TEAM