Bila anda ingin membuat navigasi blog anda seperti tampilan di Google, maka berikut langkahnya
Langkah 1 :
- Login ke Blogger Dashboard dan arahkan ke Layout > Edit Html
- Tidak usah klik ‘Expand Widget Templates’
- Cari kode beikut
]]></b:skin>
Copy dan paste kode berikut dan letakkan diatas kode ]]></b:skin>
#blog-pager,.blog-pager{ background-color: #FFFFFF;width:100%,text-align:center;} td.showpageOf{display:none;} #nav{font-family: Arial, Helvetica, sans-serif; font-size:12px;margin:0 auto;} #nav a{display:block; text-decoration:none; color: #0066FF} #nav a:hover{ text-decoration:underline;} #nav .b a,#nav .b a:visited{color: #0000CC; text-decoration: underline; font-weight:bold} .cur{ font-weight:bold;} .csb{background:url(http://www.google.com/images/nav_logo7.png) no-repeat 0 0;height:26px;display:block;} .csb.cur{background-position: -44px 0pt; width: 16px;} .csb.movenext{color:#20c;background-position: -76px 0pt; margin-right: 42px; width: 66px;} .csb.moveprev{color:#20c;background-position: 0pt 0pt; margin-left: 42px; width: 44px;} .csb.ch{background-position: -60px 0pt; width: 16px;} #nav td{padding:0;text-align:center}
Langkah 2
Cari kode :</body>Ganti kode tersebut dengan kode dibawah ini :
<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>;
<script src='http://accordion-template.googlecode.com/svn/trunk/jsnavigoogle-packer.js' type='text/javascript'></script>
</body>
Rubahlah angka pada :var postperpage=7;
var numshowpage=4;
Postperpage : Jumlah Posting yang tampil di setiap halaman
numshowpage : Berapa jumlah yang ditampilkan pada halaman navigasi anda
Simpan perubahan
Step 3 : Pengaturan Label (jika sudah pernah menerapkan navigasi halaman pada blog anda sebelumnya langkah ini dilewati saja )
Masuk ke Edit HTML dan beri centang pada “Expand Widget Templates”Cari kode berikut
'data:label.url'Gantilah dengan kode dibawah ini
'data:label.url + "?&max-results=7"'
Selesai
Sumber
Tidak ada komentar:
Posting Komentar