Cara Membuat Navigasi Halaman Blog dengan Nomor

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.

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 != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<script type='text/javascript'>

var pageCount=6;

var displayPageNum=6;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

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

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

Facebook

Twitter

Pinterest

More

Less

Tumblr

Mix

E-Mail

GMail

LinkedIn

Reddit

XING

WhatsApp

Hacker News

VK

Telegram

OK

Messenger

Line

Copy Link