Membuat page navigasi blog gaya google

Artikel ini saya kopas aja Buat saudara yang pengen page navigasi blognya persis ama punya mbah google yang udah susah nyari kesana kemari nggak ketemu and than mentok nya keblog ane .....


lansung aja gan .
.


penelusuran google




Langkah1 : edit css


1. Login ke Blogger Dashboard dan navigasi ke Layout> Edit Html

2. klik centang kotak 'Expand Template Widget'

3. Temukan ini Ctrl+f

]]></b:skin>



kopikan kode css ini tepat diatasnya
#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} ]]></b:skin>


Langkah 2 : Javascript


letakan persis diatas </body>


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


Ubah berdasarkan pengaturan blog Anda:


var postperpage=7;

var numshowpage=4;

var postperpage: Berapa banyak Posting Halaman setiap untuk blog Anda

var numshowpage :Banyak nomor akan ditampilkan dalam Navigasi Halaman Anda


Langkah 3


cari kode dibawah ini (Ctrl+f)


'data:label.url'

Ganti dengan

'data:label.url + &quot;?&amp;max-results=7&quot;'

Save

semoga berhasil



sumber abu-farhan

You may like these posts