Sunday, 23 October 2011

Cara membuat nomor halaman navigasi untuk blogspot

Hai Sobat Pembahasan kali ini mengenai Cara membuat nomor halaman  navigasi untuk blogspot, Pada Pembahasan sebelumnya yaitu mengenai Cara Mendaftarkan Blog di Google, Yahoo, dan Bing dan Cara membuat artikel terkait dibawah postingan blog,
Okey kita kembali lagi ke pembahasan kita yaitu Cara membuat nomor halaman  navigasi untuk blogspot ehm kalian sudah tahu kan nomor navigasi yang saya maksud thu seperti gambar di bawaah ini


PERTAMA

Sobat Login dulu ke blogspot sobat dan klik dashboard blogger. Pilih tata letak, kemudian pilih edit html. Beri tanda centang pada option expand widget templates, lalu sobat cari kode berikut:

]] > </b:skin>


Nah letakkan kode css dibawah ini tepat diatas kode “ ]] > </b:skin> “ tersebut :

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}


KE DUA:


Belum selesai nih sobat harus Cari lagi kode seperti ini:


</body>

Kalau sudah ketemu, persis diatasnya letakkan script dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

KE TIGA:

Ini langkah terakhir yang boleh di lakukan ataupun tidak, yaitu cari lagi kode berikut:

'data:label.url'


Kalau sudah Ketemu hapus kode tersebut dan gantilah dengan kode di bawah ini:

'data:label.url + "?&max-results=5"'

Kalau sudah di ganti sobat simpan templates, dan sobat bisa lihat hasilnya sekarang

Okey sekian dulu pembahasan kali ini mengenai Cara membuat nomor halaman  navigasi untuk blogspot, Semoga bermanfaat. Amin

11 comments:

  1. wah, keren yah, ehehee...

    btw ini bisa valid HTML ngga ya mas? :((

    ReplyDelete
  2. Ladida Cafe: iya bisa kalau penempatanya salah, tapi selama ini saya coba hampir setiap template tidak pernah valid

    ReplyDelete
  3. good article
    kunjung balik ya, commnet n follownya di tunggu
    aku dh follow
    Selengkapnya

    ReplyDelete
  4. Visit : http://raflyfirmansyah.blogspot.com

    Thank you mas atas infonya

    ReplyDelete
  5. nyari ketemunya disini

    thax ya mas, dicoba dulu

    ReplyDelete
  6. kan saya coba di blog fashion saya, terima kasih

    ReplyDelete
  7. kode terakhir yang boleh dipakai atau tidak efeknya apa?
    soalnya pengen nerapin di blog Science And Education

    ReplyDelete

Silahkan Berkomentar, dan silahkan mengkopy isi blog ini jika bermanfaat, jangan lupa sertakan sumbernya