Membuat Page Navigation di Blogspot

01.19 Blogging 0 Comments

Adanya navigasi pada blog anda akan memudahkan pengunjung dalam menikmati blog anda. Untuk itu anda memerlukan Page Navigation. Cara membuat page navigation sangat mudah.

1. Masuk ke akun blogger anda, lalu klik menu Layout >> Edit HTML
2. Cari tag ]]></b:skin>, lalu letakkan kode berikut ini sebelum tag ]]></b:skin>

.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;}

3. setelah itu cari tag </body>, letakkan kode berikut ini sebelum tag </body>

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

4. Save Template.