Sunday, 18 September 2011

cara membuat nomor halaman versi google

Sebuah tutorial tidak mungkin bisa ditampilkan seseluruhnya dalam satu layar penuh. Nah .. dengan anda membuat nomor halaman , anda bisa bernafas lega karena tutorial anda bisa tampil lebih sedikit dan bila ingin melihat tutorial yang lain kamu hanya tinggal mengklik pada nomor halaman selanjutnya . nahh muda dan efisien kan ..

Berikut cara-cara dalam membuat nomor halaman versi google :
1. Loggin ke blogger dengan id anda

2. Pilih Rancangan > Edit Html

3. Cari kode

]]>


4. letakkan kode berikut diatas kode nomor 3

#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}


5.kemudian cari kode




6. letakkan kode berikut diatas kode nomor 5

;




Ubah berdasarkan pengaturan blog Anda:
var postPerPage = 7;
var numshowpage = 4;

PostPerPage: Berapa banyak Post Page setiap blog Anda
numshowpage: bagaimana Banyak nomor akan ditampilkan dalam halaman Anda Navigasi

7. kemudian cari kode

'data:label.url'


8. Terakhir masukkan kode berikut di samping kanan kode nomor 7


+ "?&max-results=7"


sehingga hasilnya akan seperti ini



'data:label.url + "?&max-results=7"'

Related Posts:

0 comments:

Post a Comment

Facebook Comment

Related Posts Plugin for WordPress, Blogger...