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;"><br /> <br /> <br /> <br /> <br /> <br /> <span style="font-size: small;"><style type="text/css"><br /> #coolmenu{<br /> border: 1px solid grey;<br /> width: 225px;<br /> background-color: black;<br /> }#coolmenu a{<br /> font: bold 13px Magneto;<br /> padding: 2px;<br /> padding-left: 4px;<br /> display: block;<br /> width: 150%;<br /> color: red;<br /> text-decoration: none;<br /> border-bottom: 1px solid grey;<br /> }html>body #coolmenu a{ /*Non IE rule*/<br /> width: auto;<br /> }#coolmenu a:hover{<br /> background-color: blue;<br /> color: yellow;<br /> }#tabledescription{<br /> width: 150%;<br /> height: 3em;<br /> padding: 2px;<br /> filter:alpha(opacity=0);<br /> -moz-opacity:0;<br /> }</style><br /> <br /> <script type="text/javascript">var baseopacity=0function showtext(thetext){<br /> if (!document.getElementById)<br /> return<br /> textcontainerobj=document.getElementById("tabledescription")<br /> browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""<br /> instantset(baseopacity)<br /> document.getElementById("tabledescription").innerHTML=thetext<br /> highlighting=setInterval("gradualfade(textcontainerobj)",70)<br /> }function hidetext(){<br /> cleartimer()<br /> instantset(baseopacity)<br /> }function instantset(degree){<br /> if (browserdetect=="mozilla")<br /> textcontainerobj.style.MozOpacity=degree/100<br /> else if (browserdetect=="ie")<br /> textcontainerobj.filters.alpha.opacity=degree<br /> else if (document.getElementById && baseopacity==0)<br /> document.getElementById("tabledescription").innerHTML=""<br /> }function cleartimer(){<br /> if (window.highlighting) clearInterval(highlighting)<br /> }function gradualfade(cur2){<br /> if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)<br /> cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)<br /> else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)<br /> cur2.filters.alpha.opacity+=20<br /> else if (window.highlighting)<br /> clearInterval(highlighting)<br /> }<br /> <br /> </script><br /> <br /> </center><div id="coolmenu"><br /> <br /> <br /> <br /> <br /> <br /> <br /> <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><br /> <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><br /> <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;"><br /> <br /> <br /> <br /> <br /> <br /> <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 <br /> </a><br /> <a href="http://www.blogger.com/blogger.g?blogID=117862291040331470#" onmouseout="hidetext()" onmouseover="showtext('(JQuery) bagian ke 2')"><br /> 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><br /> <br /> <div id="tabledescription"><br /> <br /> <br /> <br /> <br /> <br /> <br /> </div>

• Paste code di atas pada halaman mengkonfigurasi HTML/JavaScript


• Klik Save/Simpan

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

Artikel Terkait