MENU DI BLOGSPOT

kamu,masih pemula memakai blog? ,tapi ingin mempercantik blogsmu?,kalau begitu? kamu sama dengan sama dengan saya,setelah browsing sana-sini,akhirnya ketemu juga,awal mulanya cukup pusing,tapi asal ada kemauan kamu juga npasti bisa.berikut saya akan membagi agar menu pada blog kamu bisa di sesuaikan dengan ke iniginan kamu,tutorial yang saya share bisa buat blogspot aja.berikyt caranya:
1.kamu masuk ke blogger.com

2. pada menu kamu klik RANCANGAN.
 
3.klik menu edit html

  lalu dari sekian banyak kode-kode yang ada,cari kode ]]></b:skin>,cara memudahkan pencarian,kamu 

  bisa menekan ctrl+f atau pijit F3 di keyboard kamu,sebelumnya jangan lupa klik
 download templete lengkap dulu sebagai antisipasi bila terjadi kesalahan dalam penyimpanan,kamu tinggal
 copas code HTMLnya maka blogmu akan kembali ke seperti tampilan awal.

        

4.setelah ketemu code di atas,copy  kode HTML di bawah ini,lalu paste di atas kode
]]></b:skin>

  SILAKAN COPY CODENYA 

<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><br /> <br /> <br /> <br /> <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=4; var firstPageWord = 'First'; var endPageWord = 'End'; 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++; } }

       

5. selanjutnya klik tambah gadget untuk menu biasanya pilih yang di atas

selanjutnya akan muncul menu tambahkan gadget pilih HTML/Java script

6. selanjutnya copy code HTML berikut:

<!-- Navigasi tabs Sederhana http://dadangfasilkom.com Starts --><br /> <div id='burasbar'><a href="#" class="burastabs">HOME</a><br /> <a href="#" class="burastabs">DAFTAR ISI</a><br /> <br /> <a href="#" class="burastabs">TUGAS KULIAH</a><br /> <a href="#" class="burastabs">FACEBOOK</a><br /> <a href="#" class="burastabs">WEB DOSEN</a><br /> <a href="#" class="burastabs">TUTORIAL BLOGS</a><br /> <a href="#" class="burastabs">VIDEO</a><br /> <a href="#" class="burastabs">KAMUS</a><br /> <a href="#" class="burastabs">GAME HUNTING</a><br /> <br /> </div><!-- Navigasi tabs Sederhana Ends -->

setelah di copy kamu paste di HTMLjavascript tadi lalu di save.

7.langkah selanjutnya,pada kode HTMLjavascript pada simbol "#" kamu bisa ganti simbol tersebut dengan 

  alamat URL yang kamu mau buka websitenya,copas kamu letakan setelah menghapus simbol # .

8.langkah terakhir, jangan lupa di SAVE.

  bagaimana gampangkan ? semoga bermanfaat,selamat mencoba semoga berhasil.