Cara Memodifikasi Navigasi Halaman : NewerPost, Home, Dll Di Blogger

Cara Membuat Navigasi Halaman Di Blog Blogger

Seperti panduan untuk blogger yang lainnya, langkah pertama yang harus di lakukan adalah login dulu ke blogger.
Setelah berada di dashboard blogger silakan pergi ke Rancangan/Tata Letak => terus ke bagian Edit Html.

Cari Kode

]]></b:skin>

Kemudian letakkan kode ini diatasnya

/* ----- Page Navigation styles ----- */
.showpageNum a {
padding: 2px 5px;
margin:0 5px;
text-decoration: none;
border:1px solid #ccc;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #eee;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #ccc;
background: #ddd;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 2px 5px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}

Setelah kode di atas sudah di letakkan di tempat yang benar, sesuai dengan instruksi di atas maka langkah selanjutnya cari kode
Kemudian letakkan kode ini di atas kode tadi

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Mengganti Navigasi Halaman Dengan gambar

Berikut Cara Mengganti Navigasi Blog Dengan Gambar:

1. Login ke akun Blogger anda

2. Plih Layout &gt; Edit HTML, lalu centang Expand Widget Template

3. Cari kode berikut:

- <data:newerPageTitle/> ganti dengan <img src="URL-GAMBAR-PREVIOUS" border="0" />
- <data:olderPageTitle/> ganti dengan <img src="URL-GAMBAR-NEXT" border="0" />
- <data:homeMsg/> ganti dengan <img src="URL-GAMBAR-HOME" border="0" />

- ganti dengan
- ganti dengan
- ganti dengan

Nah, icon Gambarnya kamu bisa pilih yang ini:

 





Tapi kamu juga bisa gunakan icon kamu sendiri....

5. Terakhir, klik Save Template.

Posted in: Tips dan Trik