www.emiertips.info Tips Blog | Games Anak | Software Navigasi Blog seperti Google | Tips Cakemier
Subscribe:

Navigasi Blog seperti Google


Bila anda ingin membuat navigasi blog anda seperti tampilan di Google, maka berikut langkahnya

Langkah 1 :

  1. Login ke Blogger Dashboard dan arahkan ke Layout > Edit Html
  2. Tidak usah klik ‘Expand Widget Templates’
  3. 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 + &quot;?&amp;max-results=7&quot;'

Selesai

Sumber

Tidak ada komentar:

masukkan email anda: