Mas Helmi Kenz

Android, SEO, Tutorial Blogger, Templates Blogger, Belajar Seo, dll.

Home » Translate » Membuat Widget Translate Bergambar Di Blog

Membuat Widget Translate Bergambar Di Blog


Di Blog Pada kesempatan kali ini saya akan memberikan tutorial kepada teman-teman tentang cara memasang translate yang berupa gambar bendera. Tips ini baru saya dapatkan dari o-om. Baik, langsung saja pada langkah-langkahnya :
  1. Pertama login ke blogger terlebih dahulu
  2. Klik Tata Letak  
  3. Klik tab Elemen Halaman  
  4. Klik Tambah Gadget  
  5. Pilih Tambah HTML/JavaScriptCopy pastekan code translate di bawah kedalam kolom yang tersedia.
Tampilan Ke-1

Copy Code ini :
<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/AVvXsEiaFYue01Bf9x8-oXH3sqBdwHB4IqqbLTw6tX4PWGHYa9ZiYlSAAx-Q_Eo18RJrbRAAOg2l5a-f92gGqgxFzlTFFTQLEY5gacaTiAowTrQ7euJ96ojsYmrch3BfaN3n7XkSfdjJl3hhyg4/?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/AVvXsEjQEMM5b39OdahnTcGS3Vl55J8TTCJ3ufBh_Cnui1n22g6P3CGQq09_aKqekApON7upIn2aiahP8RlaD_hpC5tzyjNt8x3g-_vTfxeGqSZS47mi0fzrPychmTRBPNeO5JyXvAKFdNoMC4s/?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/AVvXsEjggV8tXp8C8Z3hj2lf1ftisbslLjf4eLF334IpXVxbOZEo9oe33Jjf4RuTyBcL6N05hfuMbRyGu0iHgTPQ4wHdVjDkIn6-U6L00walAei4V24c4dX5ll_6bbH4aVrGPV0NodfMa64mvA5v/?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/AVvXsEg_72Sc8txyk1ZgOa2hvcl9kOXAJz6DJN2Jukwdf4KYXAjSuhmtY01qvcGM3RupnFC72ds_LMEexykHczSGM8XHz884LgYPGbnvuhiooqwLPtZu9quBDJqATsd2SmEyxdrIW0JBSPRYETvG/?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/AVvXsEgiR65wjAqTM-MGewdBOyBMHUmsA8uF5dTJ0xQ3AEfnSS4zBtXQAN15T91UdTTR0tuC61JW1CG_o93rR-fqTkwLthYyoCqqaRLYncEEkvFRYwJkX9pIA3JCQd1MZGpnwHG_y3DgMeaxito/?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/AVvXsEgGz3nS9CinmzwVMXG1DbRcatAbGY9aCb0eLzS-fbcJ3pBsi8e95VTLQfPN9Fi0yygUIyQaZtwpQLFnpTgFrG0XmZSlMYsmBlOJGoqOXAoD2xKe3GAWxXPiWChVv11RxaUJPlydvefNMj8/?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/AVvXsEjsGU-HW9jMk5WJf9B9GaFnjFBki8yOZPFuon0gx3KzdZsNqf2xXtoffqANSbMsd8XyPnXo_ruq7fIoKW2COU2SVUjU8SSMtZ9J6XrJFI-appS4GOi_pkdtbIks4PUFoLweAQuNIO2gN8Q/?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/AVvXsEgJhoDNgdhIK5DYNVvL0unBQkhSqPvtu3LpP-2iJy6y-ENl_aanp1sgQBgfSD4cnzmtXcKOB1-IL1JsWA8XeP2RBPWUHRMio7IMmIqmvPdtzDolHoReO1GiPzs6nAj9fYZZY20g7VQEJpQ/?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/AVvXsEh3QlqKtS4Gbah_IVILhylIhFCtmLxCfKkmoSufSg1eGBrDOT1fVvRfFu_qXKTuQWAdSzrp3fxNJyryhVnRZTvmjk8d-ocMRd3-4NX4zm3SeawiMvULozo-O2a8rmiKTozBNDWAu0dPfw-W/?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/AVvXsEhlWrv3b4mQTpVycZlBcr1opWeOK81FSN182r5hmPcKzPyTnghN8Wu_fPmPuUf0dnpNixjzBVDAbo8YmQco0Tw1Ezw20g1uJGoxR2sIf3jB6-dS_FsAQLkVp0UWkKL_4SkkfOgHzbWMPhA/?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/AVvXsEjvJapZkxRzcEIaWHawQsSBj6B0VRUScuA50vbuVfHefJMpBDMkD2AAlPfpPEJpCyyrjrpx8TaPQ0sUOn50AfazgiUnxENkT-d7M3j4LVJQqB9GUkDGbIOKkYLFhBki9SbuNS-soiWoJhM/?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/AVvXsEgQAHpkkjMprreEYbutSNIAWxisX0u4U8jB8oRlxefIZneTAYJTov4GatOuPM2eO0AlQrSL4vUUi29VhrckdQaIHjdKikrnwTyCk8K3fWoLfOcZHtjuqalqjnoxOyeoUYNA784lzDtn1Io/?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>

 Tampilan Ke-2

Copy Code ini :
<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/AVvXsEiaFYue01Bf9x8-oXH3sqBdwHB4IqqbLTw6tX4PWGHYa9ZiYlSAAx-Q_Eo18RJrbRAAOg2l5a-f92gGqgxFzlTFFTQLEY5gacaTiAowTrQ7euJ96ojsYmrch3BfaN3n7XkSfdjJl3hhyg4/?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/AVvXsEjQEMM5b39OdahnTcGS3Vl55J8TTCJ3ufBh_Cnui1n22g6P3CGQq09_aKqekApON7upIn2aiahP8RlaD_hpC5tzyjNt8x3g-_vTfxeGqSZS47mi0fzrPychmTRBPNeO5JyXvAKFdNoMC4s/?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/AVvXsEjggV8tXp8C8Z3hj2lf1ftisbslLjf4eLF334IpXVxbOZEo9oe33Jjf4RuTyBcL6N05hfuMbRyGu0iHgTPQ4wHdVjDkIn6-U6L00walAei4V24c4dX5ll_6bbH4aVrGPV0NodfMa64mvA5v/?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/AVvXsEg_72Sc8txyk1ZgOa2hvcl9kOXAJz6DJN2Jukwdf4KYXAjSuhmtY01qvcGM3RupnFC72ds_LMEexykHczSGM8XHz884LgYPGbnvuhiooqwLPtZu9quBDJqATsd2SmEyxdrIW0JBSPRYETvG/?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/AVvXsEgiR65wjAqTM-MGewdBOyBMHUmsA8uF5dTJ0xQ3AEfnSS4zBtXQAN15T91UdTTR0tuC61JW1CG_o93rR-fqTkwLthYyoCqqaRLYncEEkvFRYwJkX9pIA3JCQd1MZGpnwHG_y3DgMeaxito/?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/AVvXsEgGz3nS9CinmzwVMXG1DbRcatAbGY9aCb0eLzS-fbcJ3pBsi8e95VTLQfPN9Fi0yygUIyQaZtwpQLFnpTgFrG0XmZSlMYsmBlOJGoqOXAoD2xKe3GAWxXPiWChVv11RxaUJPlydvefNMj8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<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/AVvXsEjsGU-HW9jMk5WJf9B9GaFnjFBki8yOZPFuon0gx3KzdZsNqf2xXtoffqANSbMsd8XyPnXo_ruq7fIoKW2COU2SVUjU8SSMtZ9J6XrJFI-appS4GOi_pkdtbIks4PUFoLweAQuNIO2gN8Q/?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/AVvXsEgJhoDNgdhIK5DYNVvL0unBQkhSqPvtu3LpP-2iJy6y-ENl_aanp1sgQBgfSD4cnzmtXcKOB1-IL1JsWA8XeP2RBPWUHRMio7IMmIqmvPdtzDolHoReO1GiPzs6nAj9fYZZY20g7VQEJpQ/?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/AVvXsEh3QlqKtS4Gbah_IVILhylIhFCtmLxCfKkmoSufSg1eGBrDOT1fVvRfFu_qXKTuQWAdSzrp3fxNJyryhVnRZTvmjk8d-ocMRd3-4NX4zm3SeawiMvULozo-O2a8rmiKTozBNDWAu0dPfw-W/?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/AVvXsEhlWrv3b4mQTpVycZlBcr1opWeOK81FSN182r5hmPcKzPyTnghN8Wu_fPmPuUf0dnpNixjzBVDAbo8YmQco0Tw1Ezw20g1uJGoxR2sIf3jB6-dS_FsAQLkVp0UWkKL_4SkkfOgHzbWMPhA/?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/AVvXsEjvJapZkxRzcEIaWHawQsSBj6B0VRUScuA50vbuVfHefJMpBDMkD2AAlPfpPEJpCyyrjrpx8TaPQ0sUOn50AfazgiUnxENkT-d7M3j4LVJQqB9GUkDGbIOKkYLFhBki9SbuNS-soiWoJhM/?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/AVvXsEgQAHpkkjMprreEYbutSNIAWxisX0u4U8jB8oRlxefIZneTAYJTov4GatOuPM2eO0AlQrSL4vUUi29VhrckdQaIHjdKikrnwTyCk8K3fWoLfOcZHtjuqalqjnoxOyeoUYNA784lzDtn1Io/?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>
Temen-temen bisa menambah negara mana lagi yang mau ditampilkan, silahkan dicoba. Semoga bermanfaat

Sumber : Maskolis.com

Membuat Widget Translate Bergambar Di Blog Rating: 4.5 Diposkan Oleh: Unknown

Artikel Terkait Membuat Widget Translate Bergambar Di Blog :

  • Membuat Widget Translator di blogger Halo sobat,kali ini saya ingin membahas tentang widget translator untuk blog. Widget translator ini sangat berguna, bahka ...
  • Blogger Template Elegant Green Blogger Template Elegant Green . Sudah lama saya ngak posting tentang Blogger Template, Kali ini saya memostingkan Blogger Templ ...