Salam Blogger, Artikel kali ini tentang Cara Membuat Navigasi Halaman Blog dengan Nomor. Pada tips kali ini cukup mudah dan sederhana, Sobat hanya memasukkan kode HTML saja melalui Dashboard blogger kemudian masuk ke menu tata letak dan tambah gadget, Sobat tinggal masukkan saja kode HTML pada kotak pop-up add gadget.
Pada artikel sebelumnya dengan judul >> CaraMembuat Widget Navigasi Halaman Dengan NOMER Keren pada Blogger lihat contoh gambar navigasi halaman dibawah ini. Jika Sobat lebih tertarik untuk memodifikasi Navigasi halaman Blog tampak profesional silahkan klik judul diatas.
Pada artikel sebelumnya dengan judul >> CaraMembuat Widget Navigasi Halaman Dengan NOMER Keren pada Blogger lihat contoh gambar navigasi halaman dibawah ini. Jika Sobat lebih tertarik untuk memodifikasi Navigasi halaman Blog tampak profesional silahkan klik judul diatas.
Saya akan sambung lagi untuk tutorialnya di atas, OK ! langsung saja ikuti langkah langkahnya :
 |
| Tampilan widget seperti ini |
1. Login to Blogger >>> Dashboard
2. Klik pada Drop Down Menu dan pilih Layout ( tata letak )
3. Kemudian pilih Add a HTML/JavaScript Gadget
4. Paste kode di bawah ini di dalamnya.
<style> .showpageNum a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpage a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpageArea {
float: left;
}
.feed-links {
display: none;
}
.showpageArea a {
float: left;
font-size: 15px;
color: #fff!important;
padding-left: 15px;
padding-right: 15px;
}
.showpagePoint {
float: left;
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
}
.showpageArea a {
text-decoration: none;
}
.showpageArea {
float: left;
width: 363px;
margin-top: 10px;
}</style>
<!—Halaman Navigation awal oleh http://bloggingpasuruan.blogspot.com-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://www.geocities.ws/usmankurniawan/pagenation.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Halaman Navigation akhir oleh http:// bloggingpasuruan.blogspot.com --></script></b:if></b:if>
>>> Silahkan ganti kode warna merah dan biru ( lihat kode warna HTML Disini )
5. Simpan Lihat hasilnya
5. Simpan Lihat hasilnya
Selesai
Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Membuat Navigasi Halaman Blog dengan Nomor.Semoga bermanfaat dan terima kasih...
