Nah trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo 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;
}
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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->
ARTIKEL TERKAIT:
tips blog
- Cara Membuat Efek Glow pada Teks atau Link Blogger
- Cara Membuat Div Styles dan Macam-Macamnya
- Cara Membuat Tombol di Blogspot dan Wordpress
- CARA MEMBUAT HIDDEN CHAT BOX
- Memberi Komentar di HTML
- Cara Edit HTML dan Expand Widget Templates Terbaru 2014
- Cara Membuat Artikel Terkait (Related Post) Di Bawah Setiap Postingan/Artikel
- CARA MENGATASI LINK BLOG YANG DICEKAL OLEH ROBOTS.TXT PADA GOOGLE
- CARA MENAMBAHKAN VIDEO YOUTUBE PADA BLOG
- CARA MEMBUAT BURUNG TWITTER BETERBANGAN DI BLOG
- Cara Membuat Gambar Batman Berjalan di Sudut Halaman Blog
- Cara Mengganti Background Blog dengan Sambaran Petir
- Cara Membuat Efek Lipatan Kertas pada Pojokan Blog
- Cara Membuat Tombol Go To Top atau kembali ke atas di Blogger
- 10 Situs Download Gambar Untuk Blog & Desain
- Cara Mengganti Kursor atau Mouse pada Blog
- Cara Memproteksi Postingan Agar Tidak Bisa di Copy-Paste
- Cara dasar membuat Link secara manual
- Cara membuat Dropdown menu
- Cara Menambah Ikon Status Off/Online Yahoo Messenger
- Senilai Berapakah Harga Blog Kamu?
- Cara Membuat Menu Secara Horizontal
- Cara Membuat Shoutbox atau Chat Box pada Blogspot
- cara memasang translator:google translate pada blogspot
older post
trik blog
- Cara Membuat Efek Glow pada Teks atau Link Blogger
- Cara Membuat Teks Berjalan atau Marquee Teks
- Cara Membuat Div Styles dan Macam-Macamnya
- Cara Membuat Tombol di Blogspot dan Wordpress
- CARA MEMBUAT HIDDEN CHAT BOX
- Memberi Komentar di HTML
- Cara Edit HTML dan Expand Widget Templates Terbaru 2014
- Cara Membuat Artikel Terkait (Related Post) Di Bawah Setiap Postingan/Artikel
- CARA MENGATASI LINK BLOG YANG DICEKAL OLEH ROBOTS.TXT PADA GOOGLE
- CARA MENAMBAHKAN VIDEO YOUTUBE PADA BLOG
- CARA MEMBUAT BURUNG TWITTER BETERBANGAN DI BLOG
- Cara Membuat Gambar Batman Berjalan di Sudut Halaman Blog
- Cara Mengganti Background Blog dengan Sambaran Petir
- Cara Membuat Efek Lipatan Kertas pada Pojokan Blog
- Cara Membuat Tombol Go To Top atau kembali ke atas di Blogger
- 10 Situs Download Gambar Untuk Blog & Desain
- Cara Mengganti Kursor atau Mouse pada Blog
- Cara Memproteksi Postingan Agar Tidak Bisa di Copy-Paste
- Cara dasar membuat Link secara manual
- Cara membuat Dropdown menu
- Cara Menambah Ikon Status Off/Online Yahoo Messenger
- Senilai Berapakah Harga Blog Kamu?
- Cara Membuat Menu Secara Horizontal
- Cara Membuat Shoutbox atau Chat Box pada Blogspot
No comments:
Post a Comment