HOMECara Membuat Nomor Navigasi Halaman Dibawah Posting Blog
Posted on - 1:16:00 PM with 16 comments
1. Log in ke Blogger
2. Klik tata letak & Tambahkan widget HTML/Script
3. Pada kotak widget masukkan script berikut:
<style type='text/css'>
#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {
color:#ffffff;
text-decoration:none;
border: 1px solid #B4B2B2;
margin:0 3px;
padding:3px 7px;
background-color:#00477d;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
color:#E4E0E0;
border: 1px solid #A7A5A5;
padding:3px 7px;
background-color:#ff6600;
margin:0 3px;
}
.showpageOf {
color:#333;
text-decoration:none;
padding:3px 7px;
margin: 0 3px 0 0;
}
</style>
<script style='text/javascript'>
var numshowpage=5;
var postperpage =10;
var upPageWord="Previous";
var downPageWord="Next";
var urlactivepage=location.href;
var home_page="/";
</script>
<script style='text/javascript' src='http://numbered-page.googlecode.com/files/Numbered%20Page%20Navigation%20Widget%20to%20Blogger.js'></script>
#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {
color:#ffffff;
text-decoration:none;
border: 1px solid #B4B2B2;
margin:0 3px;
padding:3px 7px;
background-color:#00477d;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
color:#E4E0E0;
border: 1px solid #A7A5A5;
padding:3px 7px;
background-color:#ff6600;
margin:0 3px;
}
.showpageOf {
color:#333;
text-decoration:none;
padding:3px 7px;
margin: 0 3px 0 0;
}
</style>
<script style='text/javascript'>
var numshowpage=5;
var postperpage =10;
var upPageWord="Previous";
var downPageWord="Next";
var urlactivepage=location.href;
var home_page="/";
</script>
<script style='text/javascript' src='http://numbered-page.googlecode.com/files/Numbered%20Page%20Navigation%20Widget%20to%20Blogger.js'></script>
Silahkan ubah kode warna, ukuran, panjang atau lebar seseuai keinginan anda:
m Adalah jumlah halaman yang ditampilkan
m Adalah jumlah post artikel per halaman
4. Klik simpan dan lihat hasilnya.
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips & Cara
 |
Artikel Terkait Dengan "Cara Membuat Nomor Navigasi Halaman Dibawah Posting Blog "
16 comments:
Ketentuan Berkomentar:
1. Menautkan link aktif (anchor text) pada komentar secara otomatis akan kami hapus
2. Gunakan fasilitas Name/URL untuk menempatkan link anda
3. Dilarang berkomentar diluar topik artikel (SARA, pornography, provokasi,promosi produk)
4. Dilarang komentar spam
5. Berkomentarlah dengan baik dan sopan
6. Komentar yang tidak sesuai dengan poin diatas tidak akan dipublikasikan
Admin Tips & Cara
terimakasih infonya gan
ReplyDeleteTerimakasih infonya Gan (y)
ReplyDeleteIni yang sedang saya cari-cari
sangat membantu artikelnya gan
ReplyDeleteterimakasih informasinya :) nanti saya coba
ReplyDeleteass...gmn caranya membuat menunya menjadi drop menu/menu tsb punya sub menunya....mohon dibantu karna baru belajar...thanks ya...
ReplyDeleteIni bukan menu navigasi halaman gan jadi gak bisa dibuat drop down menu, coba dicek lagi masuk ke halaman home page ini dan lihat navigasi penomoran paling bawah jika agan ingin membuat menu navigasi halaman dengan drop down menu kunjungi link ini http://sharetipsdancara.blogspot.com/2014/09/cara-mudah-membuat-menu-navigasi-keren.html, terima kasih....
ReplyDeletejika pada template sudah ada penomorannya, misal saya mau menggantinya dengan model yg agan contokan di atas bagaimana?? ini sampel template saya http://arrive-tube.blogspot.com/
ReplyDeleteMas Arif Penomoran pake js atau css...Jika pake js silahkan hapus tinggal ganti pake script ini, nah jika pake css hapus kode css nya lalu ganti menggunakan script ini....Terima kasih sudah berkunjung.
ReplyDeletemakasih gan infonya...
ReplyDeleteTerima kasih untuk infonya...
ReplyDeletega muncul mas.. knp ya?
ReplyDeletesukses saya terapkan di http://www.dibacadulu.com
ReplyDeleteNavigasinya cantik banget, tapi apa tidak membuat loading blog jadi berat ya...
ReplyDeleteSip..
ReplyDeleteInfonya manfaat bngt.
ReplyDeleteDesain blognya kece bngt.
Lagi pengin aktif lagi nih, gan.
Lama mati suri.
Tolong sarannya. Trims
Terima kasih gan postingan ini bisa jadi referensi saya untuk membuat navigasi nomor di postingan. It's helpful. Maturnuwun.
ReplyDelete