Kamis, 27 Desember 2012

mengganti tulisan Posting Lama dengan Angka

Panduan 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>
Kodenya
.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:0 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> )

  • Kodenya
    <!--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://ncus-ainulyaqin.googlecode.com/files/olderpost.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 

    0 komentar:

    Posting Komentar