Cara Membuat Navigasi Halaman Blog dengan Nomor

8:40 PM
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.

Cara Membuat Navigasi Halaman Blog dengan Nomor



Saya akan sambung lagi untuk tutorialnya di atas, OK ! langsung saja ikuti langkah langkahnya :

 
Cara Membuat Navigasi Halaman Blog dengan Nomor
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...

Share this with short URL: Get Short URLloading short url

Nama saya Usman Kurniawan dari Pasuruan - jawa timur dan bukan seorang Blogger Pro, Namun saya akan serius belajar jika menyukai sesuatu hal, termasuk dunia blogging.

Previous
Next Post »

6 comments

Write comments
March 11, 2015 at 11:13 PM delete

Terimakasih infonya Gan (y)
Ini yang sedang saya cari-cari
http://grosirobatjellygmat.com/obat-herbal-epilepsi/

Reply
avatar
Liya Alicia
AUTHOR
March 12, 2015 at 7:55 PM delete

sangat membantu artikelnya gan
http://tokoobatherbal23.com/obat-herbal-kanker-lambung/

Reply
avatar
Mang KoeToe
AUTHOR
July 28, 2015 at 1:43 AM delete

saya coba tapi gak berhasil gan...

http://koetoe-id.blogspot.com

Reply
avatar
Nino Artikel
AUTHOR
February 22, 2016 at 5:10 PM delete

Sekedar informasi mas. Itu script sudah tidak berfungsi. Lebih baik di perbaiki atau di update artikel nya. :D

Reply
avatar
February 29, 2016 at 10:36 AM delete

Ok Thanks Infonya... Google code memang sudah tidak aktif, saya akan update " java script " secepatanya

Reply
avatar
January 10, 2017 at 12:05 AM delete

Tks banyak atas peta perannya bro

Reply
avatar