Cara Mudah Membuat Widget Translator Halaman Blog
posting,karena internet sedang lemot jadi tidak mendukung untuk posting,Oh iya
hari ini saya akan share bagaimana membuat widget translator halaman di blog anda
widget translator memang sangat bagus apabila dipasang didalam blog anda terlebih lagi
kalau dijadikan laman,Sebenarnya widget ini berfungsi untuk pengunjung blog anda yang tidak
mengerti bahasa yang anda sajikan didalam blog anda,Seperti pengunjung asing dengan anda
Baca Juga ! : Memodifikasi Template Anda (Blogger) Menjadi Seo FriendlyMemasang Widget seperti ini maka itu akan memper-mudah mereka untuk mencerna/mengerti
apa yang akan anda sampaikan di artikel anda,Untuk kita mari kita lihat cara pembuatannya :
1.Masuk Ke Dalam Blog Anda
2.Masuk Ke Bagian Tata Letak Di Blog Anda
3.Silhkan Klik HTML/JAVA SCRIPT
4.Letakan Kode Dibawah Ini Di Dalam HTML/JAVASCRIPT
<style type="text/css">
#translator-wrapper {
display:block;
width:200px;
border:1px solid #0A340A;
background-color:white;
overflow:hidden;
position:relative;
}
#translator-wrapper select {
border:none;
background:transparent;
font:normal normal 11px Tahoma,Verdana,Arial,Sans-Serif;
width:100%;
color:black;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
cursor:text;
padding:5px 10px;
}
#translator-wrapper a,
#translator-wrapper a:hover {
display:block;
background-color:#0A340A;
border:none;
color:white;
margin:0 0;
text-decoration:none;
position:absolute;
top:0;
right:0;
bottom:0;
cursor:pointer;
width:30px;
}
#translator-wrapper a:before {
content:"";
display:block;
width:0;
height:0;
border:5px solid transparent;
border-left-color:white;
position:absolute;
top:50%;
left:13px;
margin-top:-5px;
}
#translator-wrapper a:hover {background-color:#0A2C0A}
#translator-wrapper a:active {background-color:#082408}
#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
border:none;
outline:none;
cursor:pointer;
}
</style>
<h3>Translate this page to:</h3>
<div id="translator-wrapper">
<select id="translate-language">
<option value="en" selected="selected">English</option>
<option value="id">Indonesian</option>
<option value="af">Afrikaans</option>
<option value="sq">Albanian</option>
<option value="ar">Arabic</option>
<option value="hy">Armenian</option>
<option value="az">Azerbaijani</option>
<option value="eu">Basque</option>
<option value="be">Belarusian</option>
<option value="bn">Bengali</option>
<option value="bg">Bulgarian</option>
<option value="ca">Catalan</option>
<option value="zh-CN">Chinese</option>
<option value="hr">Croatian</option>
<option value="cs">Czech</option>
<option value="da">Danish</option>
<option value="nl">Dutch</option>
<option value="en">English</option>
<option value="eo">Esperanto</option>
<option value="et">Estonian</option>
<option value="tl">Filipino</option>
<option value="fi">Finnish</option>
<option value="fr">French</option>
<option value="gl">Galician</option>
<option value="ka">Georgian</option>
<option value="de">German</option>
<option value="el">Greek</option>
<option value="gu">Gujarati</option>
<option value="ht">Haitian Creole</option>
<option value="iw">Hebrew</option>
<option value="hi">Hindi</option>
<option value="hu">Hungarian</option>
<option value="is">Icelandic</option>
<option value="id">Indonesian</option>
<option value="ga">Irish</option>
<option value="it">Italian</option>
<option value="ja">Japanese</option>
<option value="kn">Kannada</option>
<option value="ko">Korean</option>
<option value="la">Latin</option>
<option value="lv">Latvian</option>
<option value="lt">Lithuanian</option>
<option value="mk">Macedonian</option>
<option value="ms">Malay</option>
<option value="mt">Maltese</option>
<option value="no">Norwegian</option>
<option value="fa">Persian</option>
<option value="pl">Polish</option>
<option value="pt">Portuguese</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="sr">Serbian</option>
<option value="sk">Slovak</option>
<option value="sl">Slovenian</option>
<option value="es">Spanish</option>
<option value="sw">Swahili</option>
<option value="sv">Swedish</option>
<option value="ta">Tamil</option>
<option value="te">Telugu</option>
<option value="th">Thai</option>
<option value="tr">Turkish</option>
<option value="uk">Ukrainian</option>
<option value="ur">Urdu</option>
<option value="vi">Vietnamese</option>
<option value="cy">Welsh</option>
<option value="yi">Yiddish</option>
</select><a id="translate-me" href="#" title="Translate!"></a>
</div>
<script type="text/javascript">
(function() {
var mylang = "id", // Your website language
anchor = document.getElementById('translate-me');
anchor.onclick = function() {
window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
return false;
};
})();
</script>
10 Komentar untuk "Cara Mudah Membuat Widget Translator Halaman Blog"
Ntar bisa saya coba gan... makasih infonya...
nice info gan ijin coba
ijin praktekin gan , ini yang saya cari
Wah bagus juga sob, biar go internasional.
thanks gan, berhasil di pasang di blog. keren tampilannya
Boleh di coba nich
Mantap gan, tapi ane masih tertarik sama widget translator default dari blogger..
mantab gan infonya, thanks banget
Kreatif dan menarik gan widgetnya ^^
Iyaa gan :)
"Ikutilah Peraturan Berkomentar Di Blog Ini ↓ "
✔ Dimohon Untuk Berkomentar Sesuai Artikel
✔ Komentar Tidak Relavan Akan Masuk Folder Spam
✔ Dilarang menaruh link aktif
✔ Diharapkan berkomentar menggunakan bahasa yang sopan
© Reza Rizal ✔