Cara Mengganti Tulisan "Posting Lama/Older Post" Dengan Angka Di Blog

Sabtu, 16 Februari 20130 komentar


cara menampilkan navigasi angka di blogPanduan blogger untuk blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua tentang "Cara Mengganti Tulisan Posting Lama/Older Post Dengan Angka Di Blog".Perlu sobat blogger ketahui sebelumnya,secara umum navigasi untuk pindah halaman atau melihat postingan yang lama biasanya menggunakan link dengan teks/tulisan "Posting Lama/Older Post".Dan sebaliknya jika pada saat kita sedang membaca sebuah postingan yang sudah lama dan ingin membaca postingan yang terbaru pada blog tersebut bisanya menggunakan link teks/tulisan"Posting Terbaru/Newer Post".Dan sehubungan dengan itu semua,maka untuk memudahkan para pengunjung/pembaca di blog loncat ke halaman lain maka diperlukan solusi yang tepat dan cepat.Bagaimana solusinya?.........sebaiknya ganti teks/tulisan "Posting Lama/Older Post" dengan angka.

Dan untuk langkah-langkah dalam pembuatannya,silahkan sobat ikuti panduan lengkapnya di bawah ini :

  • Login ke Blogger
  • Klik Rancangan
  • Klik Edit Html
  • Cari kode ]]></b:skin> dengan cara tekan ctrl+f atau tekan f3
  • Kalau sudah ketemu,copy kode html di bawah ini dan letakkan sebelum 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;
}



  • Kemudian Cari kode </body> cara pencariannya sama seperti di atas
  • Kalau sudah ketemu,copy dan paste kode di bawah ini sebelum kode di atas ( </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 -->
    • Silahkan sobat klik Pratinjau untuk melihat apakah sudah berhasil?
    • Jika belum berhasil/gagal klik aja Bersihkan Edit
    • Jika sudah berhasil membuatnya silahkan klik Simpan
    Share this article :

    Posting Komentar

     
    Support : Creating Website | Rahmad Copyright © 2011. rahmadtitie - All Rights Reserved
    Template Created by Creating Website Published by Rahmad
    Proudly powered by Blogger