Hari ini saya,bahwa akan membahas bagaimana memasang widget google translate dalam bentuk bendera. Widget ini sedikit berbeda dengan widget Google Translate yang mungkin pernah anda jumpai di internet, karena ini merupakan hasil kreasi kang Rohman selama setengah hari agar widget google translate tampak lebih menarik
.
Widget yang akan terpasang adalah seperti gambar berikut, silahkan sorotkan mouse anda ke gambar-gambar bendera yang ada sehingga terlihat sedikit efek blur sebagai pemanis :
Bagi anda yang tertarik untuk memasang widget ini, berikut adalah langkah-langkahnya :
1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4.
Klik Tambah Gadget
tambahgadget
5.
Klik tanda plus (+) untuk HTML/Javascript
html
6.
Copy paste kode google translate ke dalam kolom yang tersedia
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxEAn7TUx3BPB9X8-bE0E9x-6C9iJmC16x2hFG1a7G-zDm9pN6lwUiJXZx38_wi1-uAruJyBTMx-anF16QSZyW16PSoIp3qKxh83mEGUGaosk3eFmcwlFIaGn6-YIxku2IFaAYTyVKm30/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTkhEdBYXxevQI8TxoO8-3p83wJv0KlByIJVbD1FF-kU_0sXFa8JhU6VRaAlN5lrzOGlPw0HM3d4v30w0h5Ya1XM74hPMibn2X27m6GUGROLUdeIEeC8lbqeqoO1AtkXfMp0mBcCZwFfE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTT0NUU47dyBybiEJsGhLD9__vTDf4LKHEOmnXK3IfpH8Ye-sTvviC11r_P2j38_PVkcL2l68nGE35HYKNECrcFdGwTaSYpvrjhdDICHEMtaMBrIsm3SJhyphenhyphenUY7ADGWI7UxEvHdoP4jBVsk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ADVAaAeyR59Fc6zzfRgmJXIX9R6s87l_Sb3cJpyJMnwDYZ_tL-xaWje5KLxNp_QgJ56y446TESKNMKNVht-_Qe6YJ3wcJhHR1QKDkBwLlAhXRiLfRjVcMUqG6Jd8t5knsRngiV_l9AcG/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDFU2PFsrfZJnAe5J4W8qmJVruVzaq1Mn1FBwgX_zK5bJbt1GeqXg9vey9h7PYqNbOBg8tu9cr6AY60VV8MYRfj1XWPK0YYyl9zbzhRxtxgzTsyQFkDL763hYzpntuuk5rDk4mgfRK5ms/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNLSHWOtoQUr334luZZUp28bRCxqG-m5idjg0mbeJGhaTwyK9vccVpooDONJCzIS_H3X53v7xGxztJwig0QcnRfK6nbnDdNJaXSPwzx_6h_VNx127aUJvuwPyDqQfziRvoac00paJAYgM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEbjLyPpsK0N6Mz0Sw77iIo5FjQCmUP5XekI9N-j-7bIFTiuq7rFF3z91ZA3LMoETxcJhIGsWvvPSvIGhfCHR_wUW_cxUsfukw4lqVN642u1PdFiSi5GfbRuz6nKAL5TSjB74FdhQqnyQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdAv-VPQMhd9QFjKGGEOza5lGZTYQ2m5g4zcLGJMa8XBci21sErQnwvyqVD0CbJVJWQqSKWd4VZgdLemz0t4Al2W91oZ12OqQwXETPi96uQkWowwqlDKR2zTaiKz5mTb3Xqq4HtMgH_uI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4wSPdU8VY-ZyGfTp5rDORarxlOU2WHHX4M8OBPFEEDIbrEwPjgUqo93pefhFodEu3dq9dEfeqtDtcbAgaPmAy6ZXnKq73eTEf7Pa9-VpSxvpHvJF_lgS12PhyphenhyphenCFKR5MZVOcKkRmBNpmXr/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ejxkbuaHD51HjduzjYOh0qiLCOZYGbXb1KTcBsse4kU1xofoYPBlbmpgbho48M00oZexEH70if1fZkgxC9ntBq0UOza6ck2k2Xb_IRhyphenhyphenaQHuCimnF9fsgkHzU4DBP7Q4dmSV74iaRr0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmAIphabY08Ga3xldH3slH6KFF6BExdW7lI12sHJoj4ywqCTDoSb6-ew0eNcEq16Vkob8dkveYOjRgUUt0xnp5vTOwfuc25-FoDnCPTBafQ3Nqb-194_GW7Rb15eGn_RbUZt0RItDRF0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTtrGVkHIosKUT-ze5b1PduJDC4MRtdK1LDOQqIWC6h1x2cZRYaIS3ZJAKxRtP_uoyB1abMpnj5qYwiQfZdcyM5QAArohgmsg_MxNyfFS_GaudoRC3dKLV87xMw2UlRbEbPCKoTmljG5A/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=�font-size:10px;margin:8px 0px 3px 0px�>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>
6. Klik tombol Simpan
7. Selesai
.
Widget yang akan terpasang adalah seperti gambar berikut, silahkan sorotkan mouse anda ke gambar-gambar bendera yang ada sehingga terlihat sedikit efek blur sebagai pemanis :
Bagi anda yang tertarik untuk memasang widget ini, berikut adalah langkah-langkahnya :
1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4.
Klik Tambah Gadget
tambahgadget
5.
Klik tanda plus (+) untuk HTML/Javascript
html
6.
Copy paste kode google translate ke dalam kolom yang tersedia
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxEAn7TUx3BPB9X8-bE0E9x-6C9iJmC16x2hFG1a7G-zDm9pN6lwUiJXZx38_wi1-uAruJyBTMx-anF16QSZyW16PSoIp3qKxh83mEGUGaosk3eFmcwlFIaGn6-YIxku2IFaAYTyVKm30/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTkhEdBYXxevQI8TxoO8-3p83wJv0KlByIJVbD1FF-kU_0sXFa8JhU6VRaAlN5lrzOGlPw0HM3d4v30w0h5Ya1XM74hPMibn2X27m6GUGROLUdeIEeC8lbqeqoO1AtkXfMp0mBcCZwFfE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTT0NUU47dyBybiEJsGhLD9__vTDf4LKHEOmnXK3IfpH8Ye-sTvviC11r_P2j38_PVkcL2l68nGE35HYKNECrcFdGwTaSYpvrjhdDICHEMtaMBrIsm3SJhyphenhyphenUY7ADGWI7UxEvHdoP4jBVsk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ADVAaAeyR59Fc6zzfRgmJXIX9R6s87l_Sb3cJpyJMnwDYZ_tL-xaWje5KLxNp_QgJ56y446TESKNMKNVht-_Qe6YJ3wcJhHR1QKDkBwLlAhXRiLfRjVcMUqG6Jd8t5knsRngiV_l9AcG/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDFU2PFsrfZJnAe5J4W8qmJVruVzaq1Mn1FBwgX_zK5bJbt1GeqXg9vey9h7PYqNbOBg8tu9cr6AY60VV8MYRfj1XWPK0YYyl9zbzhRxtxgzTsyQFkDL763hYzpntuuk5rDk4mgfRK5ms/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNLSHWOtoQUr334luZZUp28bRCxqG-m5idjg0mbeJGhaTwyK9vccVpooDONJCzIS_H3X53v7xGxztJwig0QcnRfK6nbnDdNJaXSPwzx_6h_VNx127aUJvuwPyDqQfziRvoac00paJAYgM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEbjLyPpsK0N6Mz0Sw77iIo5FjQCmUP5XekI9N-j-7bIFTiuq7rFF3z91ZA3LMoETxcJhIGsWvvPSvIGhfCHR_wUW_cxUsfukw4lqVN642u1PdFiSi5GfbRuz6nKAL5TSjB74FdhQqnyQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdAv-VPQMhd9QFjKGGEOza5lGZTYQ2m5g4zcLGJMa8XBci21sErQnwvyqVD0CbJVJWQqSKWd4VZgdLemz0t4Al2W91oZ12OqQwXETPi96uQkWowwqlDKR2zTaiKz5mTb3Xqq4HtMgH_uI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4wSPdU8VY-ZyGfTp5rDORarxlOU2WHHX4M8OBPFEEDIbrEwPjgUqo93pefhFodEu3dq9dEfeqtDtcbAgaPmAy6ZXnKq73eTEf7Pa9-VpSxvpHvJF_lgS12PhyphenhyphenCFKR5MZVOcKkRmBNpmXr/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ejxkbuaHD51HjduzjYOh0qiLCOZYGbXb1KTcBsse4kU1xofoYPBlbmpgbho48M00oZexEH70if1fZkgxC9ntBq0UOza6ck2k2Xb_IRhyphenhyphenaQHuCimnF9fsgkHzU4DBP7Q4dmSV74iaRr0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmAIphabY08Ga3xldH3slH6KFF6BExdW7lI12sHJoj4ywqCTDoSb6-ew0eNcEq16Vkob8dkveYOjRgUUt0xnp5vTOwfuc25-FoDnCPTBafQ3Nqb-194_GW7Rb15eGn_RbUZt0RItDRF0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTtrGVkHIosKUT-ze5b1PduJDC4MRtdK1LDOQqIWC6h1x2cZRYaIS3ZJAKxRtP_uoyB1abMpnj5qYwiQfZdcyM5QAArohgmsg_MxNyfFS_GaudoRC3dKLV87xMw2UlRbEbPCKoTmljG5A/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=�font-size:10px;margin:8px 0px 3px 0px�>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>
6. Klik tombol Simpan
7. Selesai
0 komentar:
Posting Komentar