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:
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&hl=en&u=http://family100.multiply.com&sl=id&tl=en">English</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=de">German</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=fr">French</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=it">Italian</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=es">Spanish</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=ru">Rusian</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=pt">Portuguese</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=no">Norwegian</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=ja">Japanese</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=kr">Korean</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=zh-CN">Chinese</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=hi">Hindi</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=ar">Arabic</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&tl=th">Thai</a><a target="_blank" href="http://translate.google.com/translate?prev=hp&hl=en&u=http://family100.multiply.com&sl=id&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 :::::::::: */
#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:
Sebelumnya maaf bila terdapat kekurangan, saya percaya rekan2 senior disini bersedia membantu memperbaikinya .. Silahkan klik disini untuk melihat contohnya.
Selamat mencoba.
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.
met malam Kangmas... ;-D
ReplyDeleteMalam jenk ..
ReplyDeletemakasih ..
ReplyDeletemanfaat banget nih..
hehehehhe... tapi masalahnye, kire2 bahase betawi bise ke-translate juga gak yee ?.. :)
waw.. sip nih. tapi bahasa blog saya bukan bahasa Indonesia baku, pasti translatenya amburadul -_-'
ReplyDeleteScript HTML yang di install di sidebar jangan terputus, nanti tidak berfungsi HOVER-nya .. Lihat contoh diatas yang sdh saya update ..
ReplyDeletehm..bagus... pantas utk dicoba...
ReplyDeletesyip.. syip ..
ReplyDeleteYang family100flags.png itu diganti ID MP kita tdk?
ReplyDeletetidak usah, nanti flag imagenya malah hilang ..
ReplyDelete*script htmlnya diset untuk di install di sidebar ..
Tfs Mas.. bermanfaat nih..sipp
ReplyDeleteJadinya numpuk sama ikon lain..gimana caranya spy ngga nimpa tread lain..mohon pencerahan,gan.thank's
ReplyDelete