Assalamualaikum Warahmatullahi Wabarakatuh

Wednesday 23 January 2013

Cara Mengganti Older Posts (Posting Lama) di Blog Menjadi Angka

Kindly Bookmark and Share it:




Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Yeahh, info bagus fakta bagus kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini
Cara Mengganti Older Posts (Posting Lama) di Blog Menjadi Angka

Ingat, sahabat jangan stress dahulu ketika melihat script html di bawah ini. Kelihatannya rumit tetapi jika sahabat tenang, baca, dan pahami, kemudian praktikan berdasarkan prosedurnya pasti sukses.

Let's check it out..
 
1. Langkah awal tentu saja log in ke blog sahabat

kemudian harus menuju ke desain template  kemudian ke "Edit HTML" 
2. setelah itu cari kode ini ]]></b:skin>  dengan tekan tombol pada keyboard yaitu ctrl+F, kemudian ketik 
]]></b:skin> di kotak find. Kalau sudah ketemu taruh script dibawah ini sebelum kode tersebut


.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;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
<!--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 -->
Setelah selesai klik simpan. Kemudian klik tutup. Sahabat bisa menikmati hasilnya. Kalau belum bisa silakan refresh halaman blog sahabat. Kalau berkali2 belum bisa silakan konsultasi dengan Info Bagus Fakta Bagus melalui komentar di bawah ini.
Semoga bermanfaat.

dikutip dari 

7 komentar:

  1. maaf ralat sobat, untuk pencarian di keyboard bukan crtl+ F4 , tapi ctrl + F3.

    terima kasih atas kunjungan di blog saya.

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

    ReplyDelete
  3. Visit back ya

    Dafferos-blog.blogspot.com

    ReplyDelete
  4. mantap bro, trims ya... kapan ada waktu jalan ke blog aku ya.

    ReplyDelete
  5. gan blog ane kagak bisa. malah "load more posts"-nya hilang :(

    ReplyDelete

 

Followers

Powered by Blogger.