Cara membuat nomor halaman blog

Respon Blogger. Dalam artikel ini penulis ingin membagikan tips-trik untuk membuat atau memasang nomor halaman pada sebuah blog. Pemasangan nomor halaman (yang biasanya terletak di bagian bawah halaman utama atau postingan blog) ini dimaksudkan untuk lebih memberikan sentuhan profesional terhadap tampilan sebuah blog, meskipun merupakan web gratisan. Namun dari sisi penampilan tidak boleh kalah dengan web-web yang berbayar atau web-web besar lainnya.

Pemakaian nomor halaman ini menggantikan blog-pager standar sebuah template blog yang biasanya hanya berupa sebuah tulisan beranda, next ataupun previous (yang dapat dikatakan sebagai model klasik). Dengan pemakaian nomor halaman ini setidaknya blog kita akan mampu tampil sedikit lebih modern dan agak lebih bagus.

Beginilah cara membuatnya, silahkan masuk ke menu edit HTML template blog anda, letakkan rangkaian script berikut di atas 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;}

Langkah berikutnya adalah dengan menempatkan rangkaian script di bawah ini tepat di atas </body> (gunakan crtl-F untuk memudahkan pencarian).

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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>

Silahkan anda rubah angka-angka yang tercetak tebal di atas,
var perPage adalah jumlah artikel yang akan ditampilkan dalam setiap halaman.
var numPages adalah jumlah nomor halaman yang ditampilkan

Jangan lupa untuk menyimpan template anda kembali.

Demikianlah uraian penulis, semoga dapat bermanfaat.

Related Posts:

Tweet