Hmm lama juga ya Bli Tyan ga nulis tutorial untuk blogger ...
Ok .... Langsung saja ke topik kali ini yaitu
Cara Membuat Navigasi Halaman Di Blog 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 ----- */Setelah kode di atas sudah di letakkan di tempat yang benar, sesuai dengan instruksi di atas maka langkah selanjutnya cari kode
.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;
}
</body>Kemudian letakkan kode ini di atas kode </body> tadi
<!--Page Navigation Start-->Jika semua sudah di letakkan di tempat yang benar silakan simpan dengan cara mengklik tombol simpan atau save.
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://ahmad-rifai-tools.googlecode.com/files/pagenavi.js'
type='text/javascript'/>
<!--Page Navigation End -->
Nah itulah cara untuk menambahkan navigasi halaman di blogger, jika navigasi halamannya tidak muncul silakan di cek lagi apakah penempatannya sudah benar.
Mudah bukan?? Mudah-mudahan bisa bermanfaat, dan mohon maaf jika ada yang kurang atau ada yang salah. Bagi teman-teman yang merasa ada yang salah atau ada yang kurang silahkan betulkan atau tambahkan melalui kolom komentar di bawah ini :) Sampai jumpa di posting blogger tutorial Bli Tyan berikutnya :) Selamat mencoba dan semoga berhasil.
Please subscribe, leave a comment, follow this blog and share this article with your friends and colleagues.
by: http://blityan.blogspot.com
Related Post :
blogger script
- Menampilkan Tanggal Terbit Posting Pada Hari Yang Sama
- Membuat Efek Tulisan Dengan CSS Text Shadow
- Bikin Spoiler Di Blogger (Spoiler Script)
- User Online Widget Untuk Blog/Situs
- Widget Featured Slider Otomatis Untuk Blogger
- Membuat Recent Post by Label Thumbnail Saja
- Cara Membuat Tulisan Mengikuti Cursor
- Bikin Recent Post by Label With Thumbnail Script
- Cara Mudah Mengganti Favicon Blogger
- Statistik Kunjungan + User Online Status
kode html
- Cara Mudah Mengganti Favicon Blogger
- Cara Bikin Tulisan Kelap Kelip
- Pasang Buku Tamu Tersembunyi Di Blogger
- Cara Mengganti Icon/Logo Blog Di Address Bar
- Merubah Background Dengan Gambar / Warna
- Dafrtar Kode Warna HTML Untuk Blogger
- Pasang Google Translator di Blogger
- Cara Membuat Breadcrumb Di Blogger
- Cara Bikin Tulisan Berjalan Di Address Bar
0 comments:
Post a Comment