Cara lain membuat menu blog

Artikel berikutnya.....saya telah menemukan code JavaScript, yana mana code tersebut masih dalam terbagi dalam beberapa bagian untuk menyempurnakannya harus memeras otak. Alhasil dengan ketekunan, code ini dapat bekerja dengan baik. Untuk itu, code tersebut saya buat sebagai artikel blog ini, Sebuah gadget di bawah sebagai contoh untuk Anda bila tertarik silakan arahkan most pada gadget dan perhatikan pada kotak kosong paling bawah apabila most menyentuh salah satu judul maka akan muncul teks slogan seperti ini

Mendateksi Blog cara menghapus halaman blog blogger Copy Artikel Membuat menu Dropdown Cara Membuat Recent Post Cara Membuat Recent Post

Untuk mengadopsi gadget ini Anda tidak perlu ribet karena sudah di modifikasi adapun Anda ingin merubah ulang suluruhnya menurut pada code terkait dengan yang ada, sebagai contoh: code warna font, code untuk border dll, tidak masalah. Untuk menglangkah berikutnya.

• Login ke Blogger >> teuskan ke Rancangan/Design >> lalu klik Tata letak/Dashboard
• Tambah gadget baru/ Add a Gadget
• Copy code di bawah ini:

<b> </b><blockquote class="tr_bq" style="background-color: #cfe2f3; color: #0b5394; font-family: Verdana,sans-serif;"> <span style="font-size: small;"><style type="text/css"> #coolmenu{ border: 1px solid grey; width: 225px; background-color: black; }#coolmenu a{ font: bold 13px Magneto; padding: 2px; padding-left: 4px; display: block; width: 150%; color: red; text-decoration: none; border-bottom: 1px solid grey; }html>body #coolmenu a{ /*Non IE rule*/ width: auto; }#coolmenu a:hover{ background-color: blue; color: yellow; }#tabledescription{ width: 150%; height: 3em; padding: 2px; filter:alpha(opacity=0); -moz-opacity:0; }</style> <script type="text/javascript">var baseopacity=0function showtext(thetext){ if (!document.getElementById) return textcontainerobj=document.getElementById("tabledescription") browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : "" instantset(baseopacity) document.getElementById("tabledescription").innerHTML=thetext highlighting=setInterval("gradualfade(textcontainerobj)",70) }function hidetext(){ cleartimer() instantset(baseopacity) }function instantset(degree){ if (browserdetect=="mozilla") textcontainerobj.style.MozOpacity=degree/100 else if (browserdetect=="ie") textcontainerobj.filters.alpha.opacity=degree else if (document.getElementById && baseopacity==0) document.getElementById("tabledescription").innerHTML="" }function cleartimer(){ if (window.highlighting) clearInterval(highlighting) }function gradualfade(cur2){ if (browserdetect=="mozilla" && cur2.style.MozOpacity<1) cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99) else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=20 else if (window.highlighting) clearInterval(highlighting) } </script> </center><div id="coolmenu"> <a href="http://gadgetbloganda.blogspot.com/2012/08/cara-muda-untuk-copy-artikel-blog.html" onmouseout="hidetext()" onmouseover="showtext(' pada search engine')">Mendateksi Blog</a> <a href="http://gadgetbloganda.blogspot.com/2012/08/cara-menghapus-halaman-blog-blogger.html#page=page-1" onmouseout="hidetext()" onmouseover="showtext('cara menghapus halaman blog ')">cara menghapus halaman blog blogger</a> <a href="http://gadgetbloganda.blogspot.com/2012/08/cara-muda-untuk-copy-artikel-blog.html" onmouseout="hidetext()" onmouseover="showtext(' dengan mudah di...')"> Copy Artikel</a></span></blockquote><div style="background-color: #cfe2f3; color: #0b5394; font-family: Verdana,sans-serif;"> <span style="font-size: small;"> <a href="http://gadgetbloganda.blogspot.com/p/membuat-menu-dropdown-dengan-box.html#page=page-1" onmouseout="hidetext()" onmouseover="showtext('dengan box pencarian....')"> Membuat menu Dropdown </a> <a href="http://www.blogger.com/blogger.g?blogID=117862291040331470#" onmouseout="hidetext()" onmouseover="showtext('(JQuery) bagian ke 2')"> Cara Membuat Recent Post  </a></span></div><span style="background-color: #cfe2f3; color: #0b5394; font-family: Verdana,sans-serif; font-size: small;"> <a href="http://gadgetbloganda.blogspot.com/2012/08/cara-membuat-recent-post-jquery.html#page=page-1" onmouseout="hidetext()" onmouseover="showtext('(JQuery)1..')">Cara Membuat Recent Post </a> <div id="tabledescription"> </div>

• Paste code di atas pada halaman mengkonfigurasi HTML/JavaScript
• Klik Save/Simpan

Selesai...lihat hasinya,,,,,,,,, selamat mencoba semoga berhasil dan bemanfaat.  Terima kasih.