• Embed Doc
  • Readcast
  • Collections
  • CommentGo Back
Download
 
Pasang Menu Navigasi HalamanMenu navigasi halaman ini bisa di bilang sebagai alternatif pengganti untuk tulisan"posting lama" dan "posting baru". Mungkin anda sudah sering membaca artikelmengenai cara menghilangkan atau mengganti tulisan posting lama dan postingbaru. Seperti yang telah dikupas olehkang rohmandi salah satu postingannya. Jikaanda ingin tau contoh dari menu navigasi halaman ini, anda bisa lihat di bagianbawah blog ini. Berikut screenshootnya :Nah...jika anda memang ngerasa kurang begitu menyukai dengan adanya tulisanposting lama dan posting baru, anda bisa menggantinya dengan menu navigasihalaman ini. Berikut cara penerapannya di blogspot :Silahkan login dahulu di blogger kemudian masuk ke menu page element. Setelahitu, klik add new page element dan pilih html/javascript. Langkah selanjutnya,silahkan copy paste kode berikut di form page element yang baru anda tambahkandan ga usah di kasih judul.<style><br />.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;<br />}<br />.showpageArea a {border: 1px solid #505050;<br/>color: #000000;font-weight:normal;<br />padding: 3px 6px !important;<br/>padding: 1px 4px ;margin:0px 4px;<br />text-decoration: none;<br />}<br/>.showpageArea a:hover {<br />font-size:11px;<br />border: 1px solid #333;<br/>color: #000000;<br />background-color: #FFFFFF;<br />}<br /><br/>.showpageNum a {border: 1px solid #505050;<br />color: #000000;font-weight:normal;<br />padding: 3px 6px !important;<br />padding: 1px 4px;margin:0px 4px;<br />text-decoration: none;<br /><br />}<br />.showpageNuma:hover {<br />font-size:11px;<br />border: 1px solid #333;<br />color:#000000;<br />background-color: #FFFFFF;<br /><br />}<br />.showpagePoint{font-size:11px;<br />padding: 2px 4px 2px 4px;<br />margin: 2px;<br />font-weight: bold;<br />border: 1px solid #333;<br />color: #fff;<br />background-color: #000000;<br /><br /><br />}<br /><br />.showpage a:hover {font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;<br /><br />}<br />.showpageNum a:link,.showpage a:link {<br/>font-size:11px;<br />padding: 2px 4px 2px 4px;<br />margin: 2px;<br />text-decoration: none;<br />border: 1px solid #0066cc;<br />color: #0066cc;<br/>background-color: #FFFFFF;}<br /><br />.showpageNum a:hover {font-
 
size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;<br />}<br /></style><br /><br /><br /><br /><scripttype="text/javascript"><br /><br />function showpageCount(json) {<br />varthisUrl = location.href;<br />var htmlMap = new Array();<br />var isFirstPage =thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";<br />varisLablePage = 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 />varfirstPageWord = 'Awal';<br />var endPageWord = 'Akhir';<br />var upPageWord='Sebelumnya';<br />var downPageWord ='Selanjutnya';<br /><br /><br /><br/>var labelHtml = '<span class="showpageNum"><ahref="/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< htmlMap.length;p++){<br />if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){<br />if(fFlag ==0 && p== thisNum-2){<br />if(thisNum==2){<br />if(isLablePage){<br />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"><ahref="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';<br />}<br /><br/>fFlag++;<br />}<br /><br />if(p==(thisNum-1)){<br />html += ' <spanclass="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"><ahref="/">1</a></span>';<br />}<br />}else{<br />html += '<spanclass="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';<br />}<br />}<br /><br />if(eFlag ==0 && p == thisNum){<br
of 00

Leave a Comment

You must be to leave a comment.
Submit
Characters: ...
You must be to leave a comment.
Submit
Characters: ...