Tips Membuat Page Menu Widget Navigasi Pada Blogger

Tips Membuat Page Menu Widget Navigasi Pada Blogger

Membuat Page Menu Widget Navigasi yaitu suatu arahan/penunjuk halaman selanjutnya/sebelumnya yang biasanya terletak dibawah posting artikel blogger. Sehingga kita dan pengunjung yang malas membuka atau meng-klik arahan katogori/label dapat secara langsung menunjuk Navigasi halaman tertentu yang diinginkan secara cepat. Ini aku dapet dari http://rias-techno-wizard.blogspot.com dimana dalam penerapannya hanya copy-paste kode tersebut kedalam HTML/Java Script dan saya edit sedikit. Tanpa panjang lebar bagi yang belum tahu dan terserah mau dimodifikasi model apa HeHeHe... Untuk contohnya bisa anda lihat dibawah posting artikel saya, tapi disini saya hanya menampilkan judulnya saja tanpa ada isinya dan jika diklik maka isinya akan keluar.



1. Login Blogger
2. Layout + Page Elements + Add HTML/Java Script
3. Copy paste kode dibawah ini


<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}
.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a:link, .showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage =
thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-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 pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';
var labelHtml = '<span class="showpageNum"><a
href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] =
'/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] =
'/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord
+'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'
</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord
+'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +'
</a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px
2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333;
background-color: #FFFFFF;" class="showpage">Page '+thisNum+' of
'+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'">
'+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
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
src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999"
type="text/javascript"></script>
<div
style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;">
<a href="http://dhuwuh.blogspot.com/">Grab this Widget</a></div>


4. Tempatkan widget tepat dibawah Posting
5. Sava & Lihat hasilnya


Source : http://dhuwuh.blogspot.com/2008/11/tips-membuat-page-menu-widget-navigasi.html



Related Posts by Categories :


28 comments:

sETiawAn said... on November 17, 2008 at 12:25 PM  

sementara masih stabil mbak, punyaku masih blm terasa berat.... HeHeHe

tentang pendidikan said... on July 22, 2010 at 1:28 AM  

mari belajar filsafat pendidikan, mempelajari tentang pendidikan adalah keharusan bagi siswa dan guru..

Louboutin Canada said... on October 5, 2012 at 7:51 AM  

One pair of wedge sandals natural essential single product, with high heels legs to enhance the effect of temperament, almost flat bottom style to wear and not be tired, it is intimate but.

UGG Boots UK said... on October 9, 2012 at 1:30 PM  

A pair of black flat shoes, big bow accessories are very eye-catching, plain flat shoes are no longer monotonous.Black flat shoes is very wild,

choir blog said... on February 9, 2013 at 1:04 PM  

wah wah ane dari tadi cari ini mas :)..langsung di coba lah..HEhehe

cara memperbesar penis said... on April 6, 2014 at 7:08 PM  

EXTENDER JILQ adalah cara memperbesar penis terbaik.
Kami sudah membuktikan dan melakukan survey kepada sangat banyak konsumen kami yang telah menggunakan produk lain dan berpindah menggunakan produk Extender jilq.
hasilnya sangat positif bahwa tidak ada yg lebih baik dari produk Extender jilq.

info lengkap segera kunjungi:
www.extenderjilq.com

Mahogra Fauzan said... on June 24, 2014 at 1:13 AM  

Wah artikelnya mantap nih... (Y)

Visit back ya http://mahografauzan.blogspot.com ^_^.
Follow2an yuk + Tukeran link / Backlink pada blog saya.
Pasang Iklan Murah hanya di http://mahografauzan.blogspot.com/2013/11/pasang-iklan.html



Numpang promosi ya :D

Mau download film gratis dengan kualitas terbaik?
Download ajj di DownloadGw.com (Y)
Ngapain bayar? Kalau bisa download!

Galau? Gk ada kerjaan? Bosan?
Mending isi waktu mu dengan ngeGAME di GamesGw.com (Y)

Kumpulan Template Gratis hanya di TemplateGw.com
Tempatnya Download Template Gratis (Y)

Shorten your long url at LinkGw.tk

Berita Copas : Kumpulan Berita Yang Di Ambil Dari Berbagai Sumber

Note: Ini bukan spam *peace*

Post a Comment

"Using DOFOLLOW System. Pease don`t SPAM!!!"

Thanks To Comment My Articles. God Bless You People.

Add to Technorati Favorites

Technorati Ping To Your Blog
Including Yours E-Mail Address To Subscribe New Tricks