Cara Membuat Navigasi yang Menarik dan Gampang

Dengan membuat navigasi yang bagus pada blog anda akan membuat pengunjung blog anda akan betah untuk melihat-lihat isi dari blog anda. Berikut saya kan mencoba menshare bagaimana cara membuat navigasi yang simple, mudah dan menarik.

langkah pertama yang harus anda lakukan adalah masuk ke akun blog anda, kemudian pergi ke DASBOR blog anda dan langsung saja pilih menu Template lalu pilih menu Edit HTML.

Selanjutnya centang pada bagian Expand Template Widget

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;2925856134650504466&quot;;
var home_page = &quot;http://mbingboo29.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 kode id dengan id blog kamu "2925856134650504466"dan http://mbingboo29.blogspot.com/ dengan nama blog sobat kemudian simpan.  Dan navigasi anda pun telah siap

semoga sukses mencoba ya.
dan semoga bermanfaat.

Author : Unknown

Share this

Related Posts