Terbaru »

[Blogging] Membuat Navigasi Blog Lebih Menarik Dan Mudah

Penulis : di 14:38


Navigasi yang mudah pada blog akan membuat pengunjung menjadi betah untuk melihat postingan anda yang lainnya. Dengan Navigasi yang bagus juga memberikan kesan blog anda menjadi lebih profesional. Kali ini saya akan memberikan cara membuat navigasi di bawah posting blog agar lebih menarik seperti yang saya terakan diblog ini.

Langkah pertama silahkan masuk ke dasbor blog anda dan langsung ke menu Template lalu pilih Edit HTML. (seperti gambar dibawah)

Kenapa ya selalu dikasih langkah pertama diatas apa gak bosan.hehe :-D, padahal itu bagian yang sudah banyak diketahui para blogger sejagat raya, langkah ini mungkin buat yang belum tahu saja atau masih baru di dunia blogging. Untuk yang belum punya blog silahkan buat blog dahulu, untuk panduannya bisa melihat disini Langkah Cepat Membuat Blog Di Blogspot karena nanti anda akan banyak mendapatkan pengalaman menarik dari blog yang anda kelola.

Selanjutnya centang pada bagian Expand Template Widget (lihat gambar dibawah)

Lalu cari kode  <b:include name='nextprev'/>  agar lebih mudah mencarinya gunakan Ctrl+F lalu masukkan kode tersebut dan cari.
Setelah ketemu ganti dengan kode dibawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>

Selanjutnya cari kode  <b:include data='feedLinks' name='feedLinksBody'/> dan ganti dengan kode dibawah ini :

<style type='text/css'>
.blogpager {
font-size:12x;
color:#000000;
font-weight:bold;
background:#ffffff;
border:1px solid #ccc;
padding:5px;
}
</style>
<div align='center' style='margin:15px;'>
<form action='#' name='pager20'>
<span id='vwg-pager-first'/><span id='vwg-pager-prev'/><input name='showingpage' onfocus='this.select()' size='4' title='Page Number you want to Go' type='text' value='.....'/>/<input disabled='disabled' name='pagestotal' size='4' type='text' value='.....'/>
<input onclick='checkpager()' type='button' value='Go Page'/>
<span id='vwg-pager-next'/><span id='vwg-pager-last'/>
</form>
</div>
<script type='text/javascript'>
var blogID = &quot;3926587677569576014&quot;;
var home_page = &quot;http://namabloganda.blogspot.com/&quot;;
var pager_max_main = 10;

var pager_first_text = &quot;First&quot;; //
var pager_last_text = &quot;Last&quot;; //
var pager_prev_text = &quot;Previous&quot;; //
var pager_next_text = &quot;Next&quot;; //
</script>
<script src='http://cinghe.googlecode.com/files/blogger_pag.js' type='text/javascript'/>
<b:include data='feedLinks' name='feedLinksBody'/>

Ganti 3926587677569576014 dengan kode blog id sobat dan http://namabloganda.blogspot.com/ dengan nama blog sobat kemudian simpan. selesai deh..lihat bagaimana tampilan blog anda sekarang lebih bagus bukan...untuk contohnya bisa anda lihat gambar dibawah ini :
Bila masih ada kesulitan dalam menerapkan diblog anda bisa bertanya kepada saya melalui kotak komentar dibawah.
Selamat mencoba...
Share ke temanmu : :

2 komentar:

Post a Comment

Terima kasih sudah berkunjung
Komentar yang berkualitas saya harapkan dari para pengunjung situs ini
(Karena banyaknya komentar yang masuk spam, sebaiknya gunakan nama untuk memberikan komentar)

 
Copyright © 2012. CingheDotCom - All Rights Reserved - About Me | Contact Us | Kebijakan Privasi