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 comments:

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

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

    ReplyDelete
  3. terima kasih gan, sudah bisa saya praktekan di blog saya

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

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. Terimakasih gan, sangat bermanfaat,

    Visit blog ane
    jnxcrew.blogspot.com

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

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

    ReplyDelete