Jumat, 04 November 2011

Cara Membuat Navigasi Halaman di Blogger

Seperti panduan untuk blogger yang lainnya, langkah pertama yang harus di lakukan adalah login dulu ke blogger.
Setelah berada di dashboard blogger silakan pergi ke Rancangan/Tata Letak => terus ke bagian Edit Html.
Cari Kode



]]></b:skin>
Kemudian letakkan kode ini diatasnya
/* ----- Page Navigation styles ----- */
.showpageNum a {
padding: 2px 5px;
margin:0 5px;
text-decoration: none;
border:1px solid #ccc;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #eee;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #ccc;
background: #ddd;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 2px 5px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
Setelah kode di atas sudah di letakkan di tempat yang benar, sesuai dengan instruksi di atas maka langkah selanjutnya cari kode
</body>
Kemudian letakkan kode ini di atas kode </body> tadi
<!--Page Navigation Start-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://ahmad-rifai-tools.googlecode.com/files/pagenavi.js'
type='text/javascript'/>
<!--Page Navigation End -->
Jika semua sudah di letakkan di tempat yang benar silakan simpan dengan cara mengklik tombol simpan atau save.
Nah itulah cara untuk menambahkan navigasi halaman di blogger, jika navigasi halamannya tidak muncul silakan di cek lagi apakah penempatannya sudah benar.




SUMBER : http://blog.ahmadrifai.net

Related Post:

Widget by [ Iptek-4u ]

2 komentar:

Burhanudin yahya mengatakan...

pertamax....tapi saya berkali2 coba kok tak bisa ya...ada masukan nih..tolong ya..http://yahyanote.blogspot.com

Ekhyshare mengatakan...

Saya udah coba dan owyeahh
makasih yaah mas
follow balik yaa....

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Iptek-4u - Premium Blogger Themes | Best Buy Coupons