Wednesday, January 30, 2013

Older Posts menjadi Angka

Diposkan oleh Lyana Ismadelani

Guys.. navigasi untuk pindah halaman di halaman blog (khusus pengguna blogspot) kita tuh biasanya menggunakan link dengan teks "Older Posts" dan "Newer Posts". Kalau navigasi wordpress bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yang lama ataupun ke halaman yang baru. Lalu, apakah halaman blogspot bisa seperti wordpress juga? Gimana nih ngakalinnya? Gini nih guys..
  • Pertama, kalian buka settingan template blog kalian kemudian pilih button "Edit HTML"
  • Terus cari kode ini ]]></b:skin> terus copy 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;
}
  • Terus cari kode ini nih </body> terus copy script 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 -->
Semoga bermanfaat ^^ (ismadelaniLYANA/"iL.blog")***

Read Also

IMPORTANT IMPORTANT IMPORTANT IMPORTANT ^^

Postingan yang berada dibawah PESAN INI sama dengan postingan yang ada diatas ^^

Older Posts menjadi Angka


Guys.. navigasi untuk pindah halaman di halaman blog (khusus pengguna blogspot) kita tuh biasanya menggunakan link dengan teks "Older Posts" dan "Newer Posts". Kalau navigasi wordpress bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yang lama ataupun ke halaman yang baru. Lalu, apakah halaman blogspot bisa seperti wordpress juga? Gimana nih ngakalinnya? Gini nih guys..
  • Pertama, kalian buka settingan template blog kalian kemudian pilih button "Edit HTML"
  • Terus cari kode ini ]]></b:skin> terus copy 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;
}
  • Terus cari kode ini nih </body> terus copy script 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 -->
Semoga bermanfaat ^^ (ismadelaniLYANA/"iL.blog")***

 

Just a Little Thing Copyright 2009 Sweet Cupcake Designed by Ipietoon Blogger Template Image by Online Journal