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.
 |
| 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
