Dropdown Menu Hover Webtranslate

Malam semua, tadi iseng coba eksperimen buat Dropdown menu "Webtranslate" untuk di pasang di sidebar.. Nggak terasa dari jam 8 malam baru saja selesai.

Saya mau share pada rekan-rekan disini, barangkali ada yang tertarik untuk menggunakannya. Silahkan Copy-Paste script dibawah ini:

HTML:  "Customize --> Edit --> Edit Sidebar --> Paste"

<!-- webtranslate --><center><div id="webtranslate"><img src="http://img262.imageshack.us/img262/8215/family100flags.png" title="Translate My Page Into ..'" border="0"><div><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=en">English</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=de">German</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=fr">French</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=it">Italian</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=es">Spanish</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=ru">Rusian</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=pt">Portuguese</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=no">Norwegian</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=ja">Japanese</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=kr">Korean</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=zh-CN">Chinese</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=hi">Hindi</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=ar">Arabic</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=th">Thai</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http://family100.multiply.com&amp;sl=id&amp;tl=tl">Filipino</a></div></div></center><!-- end webtranslate -->

*Note: Edit family100 menjadi ID MP Anda.

Penting !!: Script tsb jangan sampai terputus, nanti tidak berfungsi HOVER-nya.



CSS:  "http://multiply.com/setup/pages/upload-css --> Paste"

/* :::::::::: start webtranslate by: jim | http://family100.multiply.com :::::::::: */
#webtranslate {
width: 130px;
font-family: helvetica;
color: #888;
display: block;
position: absolute;
padding: 5px;
font-size: 12px;
}
#webtranslate div {
background: #000;
border: 1px solid #444;
-moz-border-radius: 5px;
visibility: hidden;
padding: 5px;
width: 120px;
height: 360px;
position: absolute;
z-index: 10000;
font-family: helvetica;
text-align: left;
font-size: 12px;
letter-spacing: 0.5px;
}
#webtranslate:hover div {
visibility: visible;
top: 30px;
position: absolute;
}
#webtranslate a {
background: #000;
border-bottom: 1px ridge #393939;
color: #777;
display: block;
margin: 0;
padding: 4px 12px;
text-decoration: none;
font-weight:normal;
}
#webtranslate a:hover {
background: #273649 url(http://img25.imageshack.us/img25/2487/arrow20.gif) left center no-repeat;
color: #FFFFFF;
padding-bottom: 4px;
}
/* :::::::::: end webtranslate :::::::::: */

*Note:

Font color - background dll, perlu disesuaikan dengan kondisi MP Anda ..
Script diatas juga dapat dimanfaatkan untuk keperluan lain, seperti: Menu - Links, dll. *Anda juga dapat mengganti image-nya  ..


Contoh:

<a target="_blank" href="http://multiply.com/compose/pm?individual=family100">Invitation</a>  --> dst ..

Sebelumnya maaf bila terdapat kekurangan, saya percaya rekan2 senior disini bersedia  membantu memperbaikinya .. Silahkan klik disini untuk melihat contohnya.

Selamat mencoba.