CARA MUDAH MEMASANG TOMBOL HALAMAN PADA BLOG

Kalau anda mencari sesuatu lewat search engine, dibagian bawah dari hasil pencarian yang ditunjukan pasti terdapat yang namanya tombol navigasi atau tombol halaman, agar anda dapat dengan mudah mencari setiap artikel atau hasil pencarian yang anda maksud.

Didalam blog kita juga dapat membuat tombol halaman seperti yang ada pada seach engine tersebut, tombol halaman itu sendiri ada tepat di halam depan blog kita, sehingga para pengunjung dapat mencari postingan kita hanya dengan memijit tombol angka satu persatu, atau tombol berikutnya untuk melihat postingan kita, sehingga pencarianpun akan lebih efisien.

Berikut langkah-langkah cara membuat tombol halaman tersebut:


1. Login ke Blogger
2. Lalu Klik Menu Templates/Tata Letak
3. Klik Add Widget Element /Tambah Widget
4. Pilih Menu HTML/Java Script
5. Lalu Copy Script di bawah dan Pastekan pada kotak HTML tersebut


<style><br />.showpageArea a {<br />text-decoration:underline;<br />}<br /><br />.showpageNum a {<br />text-decoration:none;<br />border: 1px solid #bbb;<br />margin:0 3px;<br />padding:3px;<br />}<br /><br />.showpageNum a:hover {<br />border: 1px solid #bbb;<br />background-color:#bbb;<br />}<br />.showpagePoint {<br />color:#fff;<br />text-decoration:none;<br />border: 1px solid #fff;<br />background: #000;<br />margin:0 3px;<br />padding:3px;<br />}<br />.showpageOf {<br />text-decoration:none;<br />padding:3px;<br />margin: 0 3px 0 0;<br />}<br />.showpage a {<br />text-decoration:none;<br />border: 1px solid #bbb;<br />padding:3px;<br />}<br />.showpage a:hover {<br />text-decoration:none;<br />}<br />.showpageNum a:link,.showpage a:link {<br />text-decoration:none;<br />color:#333;<br />}<br /><br /></style><br /><br /><br /><br /><script type=" text=" javascript=""><br /><br />function showpageCount(json) {<br />var thisUrl = location.href;<br />var htmlMap = new Array();<br />var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";<br />var isLablePage = thisUrl.indexOf("/search/label/")!=-1;<br />var isPage = thisUrl.indexOf("/search?updated")!=-1;<br />var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";<br />thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;<br />var thisNum = 1;<br />var postNum=1;<br />var itemCount = 0;<br />var fFlag = 0;<br />var eFlag = 0;<br />var html= '';<br />var upPageHtml ='';<br />var downPageHtml ='';<br /><br /><br />var pageCount=5;<br />var displayPageNum=3;<br />var firstPageWord = 'Awal';<br />var endPageWord = 'Akhir';<br />var upPageWord ='Sebelumnya';<br />var downPageWord ='Selanjutnya';<br /><br /><br /><br />var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';<br /><br />for(var i=0, post; post = json.feed.entry[i]; i++) {<br />var timestamp = post.published.$t.substr(0,10);<br />var title = post.title.$t;<br />if(isLablePage){<br />if(title!=''){<br />if(post.category){<br />for(var c=0, post_category; post_category = post.category[c]; c++) {<br />if(encodeURIComponent(post_category.term)==thisLable){<br />if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}<br /><br />postNum++;<br />htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br />}<br />}<br />}<br />}//end if(post.category){<br /><br />itemCount++;<br />}<br /><br />}else{<br />if(title!=''){<br />if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}<br /><br />if(title!='') postNum++;<br />htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br />}<br />}<br />itemCount++;<br />}<br />}<br /><br />for(var p =0;p<>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>';<br />}else{<br />upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';<br />}<br />}else{<br />upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';<br />}<br /><br />fFlag++;<br />}<br /><br />if(p==(thisNum-1)){<br />html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';<br />}else{<br />if(p==0){<br />if(isLablePage){<br />html = labelHtml+'1</a></span>';<br />}else{<br />html += '<span class="showpageNum"><a href="/">1</a></span>';<br />}<br />}else{<br />html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';<br />}<br />}<br /><br />if(eFlag ==0 && p == thisNum){<br />downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';<br />eFlag++;<br />}<br />}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p<>1){<br />if(!isLablePage){<br />html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';<br />}else{<br />html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';<br />}<br />}<br /><br />html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;<br /><br />if(thisNum<(postNum-1)){ html += downPageHtml; html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';<br />}<br /><br />if(postNum==1) postNum++;<br />html += '</div>';<br /><br />if(isPage || isFirstPage || isLablePage){<br />var pageArea = document.getElementsByName("pageArea");<br />var blogPager = document.getElementById("blog-pager");<br /><br />if(postNum <= 2){ html =''; } for(var p =0;p< innerhtml =" html;">0){<br />html ='';<br />}<br /><br />if(blogPager){<br />blogPager.innerHTML = html;<br />}<br />}<br /><br />}<br /></script><br /><br /><script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><br /><div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="">Grab this Widget ~ Navigasi Halaman</a></div> <br />

6. Simpan Winget tersebut
7. Pindahkan Widget tersebut Tepat di bawah Post
8. Lalu Simpan

Nah itu tadi caranya bagaimana membuat tombol halaman pada blog, mudah-mudahan ada manfaatnya bagi anda yang ingin mempercantik blog anada. Terakhir saya berharap anda dapat meninggalkan komentar anda, karena dengan meninggalkan komentar anda telah membuat backlink bagi blog anda, selain itu saya juga dapat silaturahmi. Terima kasih.

• 
• 
• 
• 
• 
• 
•