Pentingnya Navigasi Halaman Blog bagi Pengguna (User)
Sobat. Salah satu parameter di dalam sebuah blog berkualitas adalah tersemat akan nilai “user friendly”. Makna User Friendly adalah sebuah blog yang “akan mempermudah” pengguna atau pembaca.
Forum blogger ini akan membagikan tips cara memasang navigasi halaman blog (numbered page navigation) dengan angka atau nomor. Apa pentingnya navigasi tersebut?
Navigasi yang dibuat dengan menerapkan pola angka atau nomor ini sudah digunakan oleh para desainer website terkenal. Salah satu contoh penerapannya pada situs Petunjuk Islam. Atau lihat saja di blog ini, sama kok.
Cara Memasang Navigasi Halaman Blog (Numbered Page Navigation) dengan Angka
Langsung saja berikut cara pemasangannya pada blog kita:
1. Masuk akun blogger
2. Template > cari kode ]]></b:skin>
3. Copy dan paste kode di bawah ini tepat di bawah kode ]]></b:skin>
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}
<b:if cond=’data:blog.pageType != "item"’>
<b:if cond=’data:blog.pageType != "static_page"’>
<script type=’text/javascript’>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText =’First’;
var lastText =’Last’;
var prevText =’« Previous’;
var nextText =’Next »’;
var urlactivepage=location.href;
var home_page=”/”;
/*]]>*/
</script>
<script src=”http://helplogger.googlecode.com/svn/trunk/page-navigation2.js”/>
</b:if>
</b:if>
Lucu, ngasih tutorial tapi scriptnya di kasih anti copas :v
Jera pengunjung bro :V