Page Navigation Ala Google
Ada yang gak tahu Google? itu lo mesin pencari yang sering kita gunakan untuk mencari artikel di internet? Sekarang kita tahu kan? Ada yang tertarik dengan web google yamg simpel? Sekarang sat kita mencari sesuatu di google kita akan menemukan banyak pilhan, nah untuk itulah google memakai page navigation yang biasanya seperti ini
Cara Page Navigation Ala Google
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4.Cari kode ]]></b:skin> kemudian taruh kode berikut ini di atasnya
5. Cari kode di bawah ini
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
Terus kita letakkan Kode di bawah ini tepat di bawah kode </b:section>
5. Simpan Kalau sudah selesai.
1 2 3 4 5 6 dstSebenarnya ini sama dengan tutorial yang pernah di bahas di Menambahkan Nomor Halaman di Bawah Area Postingan sekarang kita berganti gaya dengan tampilan yang ikut-ikutan ala google. Dengan demikian navigasi yang mda ini diharpakan bisa membantu pengunjung blog kita.
Cara Page Navigation Ala Google
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4.Cari kode ]]></b:skin> kemudian taruh kode berikut ini di atasnya
#nav a,#nav a:visited,.blk a{color:#000} #nav a{display:block} #nav .b a,#nav .b a:visited{color:#20c} #nav .i{color:#a90a08;font-weight:bold} .csb,.ss{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block} .ss{background-position:0 -88px;position:absolute;left:0;top:0} .cps{height:18px;overflow:hidden;width:114px} .mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px} #nav td{padding:0;text-align:center}
5. Cari kode di bawah ini
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
Terus kita letakkan Kode di bawah ini tepat di bawah kode </b:section>
<script type='text/javascript'> var home_page_url = location.href; var pageCount=10; var displayPageNum=6; var upPageWord ='Previous'; var downPageWord ='Next'; function showpageCount(json) { var thisUrl = home_page_url; var htmlMap = new Array(); var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; htmlMap[htmlMap.length]='/'; postNum++; for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) { var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29); timestamp = encodeURIComponent(timestamp1); var title = post.title.$t; if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } postNum++; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount; } var banyaknomer = htmlMap.length; if (json.feed.entry.length % pageCount == 0){ var banyaknomer = htmlMap.length -1 ; postNum=postNum-1; }; for(var p =0;p< banyaknomer;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ upPageHtml = '<a href="/"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>'; }else{ upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>'; } fFlag++; } if(p==(thisNum-1)){ if(p==0){ html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>'; }else{ html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>'; } }else{ if(p==0){ html += '<td><a href="/"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>'; }else{ html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>'; } } if(eFlag ==0 && p == thisNum){ downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>'; eFlag++; } } } if(thisNum>1){ html = ''+upPageHtml+' '+html +' '; } html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">'; html3 = '</tr></tbody></table>'; html = html2+html; if(thisNum<(postNum-1)){ html += downPageHtml; }else{ html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>'; } if(postNum==1) postNum++; html += html3+ '</div>'; var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; } } function showpageCount2(json) { var thisUrl = home_page_url; var htmlMap = new Array(); var isLablePage = thisUrl.indexOf("/search/label/")!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; var labelHtml = '<a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; var thisUrl = home_page_url; htmlMap[htmlMap.length]=labelHtml; postNum++; for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) { var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29); timestamp = encodeURIComponent(timestamp1); var title = post.title.$t; if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!='') postNum++; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount; itemCount++; } var banyaknomer = htmlMap.length; if (json.feed.entry.length % pageCount == 0){ var banyaknomer = htmlMap.length -1 ; postNum=postNum-1; }; for(var p =0;p< banyaknomer;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ upPageHtml = labelHtml +'<span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>'; }else{ upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>'; } fFlag++; } if(p==(thisNum-1)){ if(p==0){ html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>'; }else{ html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>'; } }else{ if(p==0){ html = '<td>'+labelHtml+'<span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>'; }else{ html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>'; } } if(eFlag ==0 && p == thisNum){ downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>'; eFlag++; } } } if(thisNum>1){ if(!isLablePage){ html = ''+upPageHtml+' '+html +' '; }else{ html = ''+upPageHtml+' '+html +' '; } } html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">'; html3 = '</tr></tbody></table>'; html = html2+html; if(thisNum<(postNum-1)){ html += downPageHtml; }else{ html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>'; } if(postNum==1) postNum++; html += html3+ '</div>'; var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; } } </script> <script type='text/javascript'> var thisUrl = home_page_url; if (thisUrl.indexOf("/search/label/")!=-1){ if (thisUrl.indexOf("?updated-max")!=-1){ var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max")); }else{ var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max")); } } var home_page = "/"; if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){ if (thisUrl.indexOf("/search/label/")==-1){ document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>') }else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>') } } </script>
5. Simpan Kalau sudah selesai.
wah klo udah punya banyak artikel membantu sekali...
BalasHapusmakasih ya...
saya dah coba tapi nggak mau mas, gimana ya
BalasHapusboszz, kok yg ini d'psang d'blog q kok nda bsa yach, jd q pke yg lma ajah yach...
BalasHapusoya sekalian tukaran link yachh..??
Maaf jika sebelumnya ada kesalahan, tapi sekarang sudah saya perbaiki, dan insyallah pasti berhasi :))
BalasHapussob ada g yang g pakai edit HTML ?
BalasHapusScriptnya terpotong? karena main templatex kecil, saran aja coba pakai scroll atau simpan scriptx ditempat hosting, tinggal url downloadx yg diposting.
BalasHapusThanks for share
wah makin tambah kumplit nih tutorial-nya
BalasHapusthanks triknya sobt.. salam kenal.. :D
BalasHapusboz kalu pake google adsense kita bayar gak ma googlenya ....mkasih
BalasHapuswaw...info menarik sob...mantab...ijin save sob...buat blogku yg laen...
BalasHapussalam damai dari anak malang...
BalasHapusgw punya website bro walau masih free seee....heheheh...
gini gw mau kerjasama bro masukin tautan blog kamu ini ke website gw bro ne website gw
http://www.cps32.piczo.com
mohon kerjasamanya....
AV,無碼,a片免費看,自拍貼圖,伊莉,微風論壇,成人聊天室,成人電影,成人文學,成人貼圖區,成人網站,一葉情貼圖片區,色情漫畫,言情小說,情色論壇,臺灣情色網,色情影片,色情,成人影城,080視訊聊天室,a片,A漫,h漫,麗的色遊戲,同志色教館,AV女優,SEX,咆哮小老鼠,85cc免費影片,正妹牆,ut聊天室,豆豆聊天室,聊天室,情色小說,aio,成人,微風成人,做愛,成人貼圖,18成人,嘟嘟成人網,aio交友愛情館,情色文學,色情小說,色情網站,情色,A片下載,嘟嘟情人色網,成人影片,成人圖片,成人文章,成人小說,成人漫畫,視訊聊天室,性愛,性感影片,正妹,聊天室,
BalasHapus情色論壇
bisa di coba tu gan
BalasHapusthankz ya atas tutorialx
makasih untuk infonya gan!!
BalasHapus;)
kami sekeluarga tak lupa mengucapkan puji syukur kepada ALLAH S,W,T
BalasHapusdan terima kasih banyak kepada AKI atas nomor togel.nya yang AKI
berikan 4 angka 1803 alhamdulillah ternyata itu benar2 tembus AKI.
dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang
ada sama tetangga.dan juga BANK BRI dan bukan hanya itu AKI. insya
allah saya akan coba untuk membuka usaha sendiri demi mencukupi
kebutuhan keluarga saya sehari-hari itu semua berkat bantuan AKI..
sekali lagi makasih banyak ya AKI… bagi saudara yang suka main togel
yang ingin merubah nasib seperti saya silahkan hubungi AKI SOLEH,,di no (((082-313-336-747)))
insya allah anda bisa seperti saya…menang togel 275
juta, wassalam.
dijamin 100% jebol saya sudah buktikan...sendiri....
Apakah anda termasuk dalam kategori di bawah ini !!!!
1"Dikejar-kejar hutang
2"Selaluh kalah dalam bermain togel
3"Barang berharga anda udah habis terjual Buat judi togel
4"Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat
5"Udah banyak Dukun togel yang kamu tempati minta angka jitunya
tapi tidak ada satupun yang berhasil..
Solusi yang tepat jangan anda putus asah....AKI SOLEH akan membantu
anda semua dengan Angka ritwal/GHOIB:
butuh angka togel 2D 3D 4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin
100% jebol
Apabila ada waktu
silahkan Hub: AKI SOLEH DI NO: (((082-313-336-747)))
atau klik langsung di KLIK DSINI BOCORAN TOGEL
angka GHOIB: singapur 2D/3D/4D/
angka GHOIB: hongkong 2D/3D/4D/
angka GHOIB; malaysia
angka GHOIB; toto magnum 4D/5D/6D/
angka GHOIB; laos