Senin, 02 Juni 2014

Cara Memasang Translate Bergambar Bendera di Blog

Assalamualaikum wr. wb.

Kesempatan kali ini admin mau berbagi tentang Cara Memasang Translate Bergambar Bendera di Blog. Cara ini cukup efektif untuk mempercatik blog agar pengunjung dari berbagai negara bisa untuk menerjemahkan ke bahasanya sendiri. Bisa kalian lihat di blog saya ada widget seperti gambar bendera, itulah yang di namakan translator. Tanpa basa-basi lagi yuk kita coba membuat!!. 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/JavaScript Copy pastekan code translate di bawah kedalam kolom yang tersedia.
Tampilan Ke-1

Copy Code ini lalu paste di 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/AVvXsEjeqcboIPkrYcig6ET50CLrSUsjI205qf5_MJm9ZrWf_xg9rtc97vdOVRec1C_7AY_hWjtwhWN8B0nm939gkjBeBbRiL9sUcWxlC0Zo146pjR5LufOblRLqIYD4X8XQhqUR71CBobQWtcM/?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/AVvXsEh970JohN6ZfspyGV3suKFHzsEQGxrmOAblzxuZfZqk1yk8WmlH_Vzn7Jk9tG9ffK7556A0APjBcQySPjAz2ZIy_CaD0qJcEPcaVLPCTMm4dbpaHer4gnWenIq7VQID5GWgKse4tN861JQ/?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/AVvXsEh_-xb4A8Ze-XPSmB4h8u79twUHgVvBF3HkFvXI8hQ8Xii2jApHcjv9ElxXzqQiHthLiDUFp9LvUvF9FbrBYOk3c-dAm1loUof2U_pGaWBc8XxyGtumgVuACayf9y6JKt5rymFPGj8wZCjt/?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/AVvXsEhjrjHrZFdxhRvEUcCejw8uzuJJ__ppZzGpnES7XG5M_5l-_y6uSycI03EjkgYMStsUqSaTKnj5YAUG-bltHMIDtNKMA7P7c_f7zwFBoEtqeLW6YozAtK2Ovn_B2H1TjdB14KcUZy6pelVR/?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/AVvXsEj34zseD5TCkGEgyGNVby2m4TIV4nVMsQp-9Zm_EPGsG2_YG0S0iCQq08J8TYzU8jp2wNtr0gdyfNAy6GLoiOS_9P0kYAUE0vKfI6Cl-GgdD7E49eEHCRHfbXmVShcatu8mj4Ia1B6A9tw/?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/AVvXsEh9IgZabJWZOMixrd0Mj_Yv7EvFaNdS3vvHR3Lj5AHNVCFj0tT1M2mz6oHxPHWoYTNtOmk2EaWlQbA-HE90QrRcnUP2TPlC7aEr7CKhE4OoBu_ofHZQpgQyhvMmP6nEH20R_p8pZMsXpL4/?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/AVvXsEjo85fti4jrfX_Zv5H6Bzt82NkMbJnTHjO3_H4TxZ8nrhyO30QWkk7gdkhtPIYWK_zzgsNm4T_Fqk4qw_dgy09YDtkzgLUYRLjENY_zb8vw7H_nZYP5Rk9KZXO9yDJsCcV8zpV59DvDV8A/?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/AVvXsEjhSPV-Kg1ektuK0hKQNLHQwMN83OUI7JltztA41uO3-qkxj3r9reOxtAPQKYi8-Q-Sif_gSDQFRfCAlnOGFBtVJU5p28sgKD7sc6nGW25OGyWIore3ursf30lgtnf7D7ilxJKQuMYn4m8/?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/AVvXsEhKwyTf7rLMaR3XjRFZPSrAbQ7Y42GNc25P_sk_2l75ThPTs7D_tJRu8h9IpXlLI_zlWzQOosEb2vjRyTtOVVrpiU2RCsJzhVPnoUhP4EIQR9TDTPEMACTd_jprrzNvERrCfPXGFd0xww7T/?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/AVvXsEj0G26s04s35Zz6XIkVugbN0Lfnj0JdcXArNMNVUU_XaVbDoppfA9bat-Ryk7NuoPiWS0fDkGlWu65wkkC8K-huRot7ddyHRdbPl4eQP_U1OurPDoYc7ByAxIjFVSpzhNZv8FmszX6gp2k/?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/AVvXsEhVp4whj4WXxaFlKXQH_iPm_UnJVm2xzgNPT-SOP9KXtl8KmYCkurLZoWckHDaPuQTdRHRNeMb3ojFCq5X1AykIldB03KR19ShTjHFxAAAH3wmeKOS4N2JQNBK7RWIdp4h-QWwkE0SBlIQ/?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/AVvXsEhawDcDuBQHCx0vdbs_751S-b3TXgbMhqXlg_vAeNXExK5xB8d2QUqgRMY45KoS-3YpRhJwKpTh4PTQE5IKeEnjAniRS-pG1zA55dN6eOYn3iZ5GplTjYI63ZIqAb6Yx1TAK5BR6FLY3LQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://blogmasterx27.blogspot.com/2014/06/cara-memasang-translate-bergambar.html" target="_blank" title="x27 Translate">Ingin widget ini?? Klik aja!!</a></div>

 Tampilan Ke-2


Copy Code ini lalu paste di 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/AVvXsEjeqcboIPkrYcig6ET50CLrSUsjI205qf5_MJm9ZrWf_xg9rtc97vdOVRec1C_7AY_hWjtwhWN8B0nm939gkjBeBbRiL9sUcWxlC0Zo146pjR5LufOblRLqIYD4X8XQhqUR71CBobQWtcM/?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/AVvXsEh970JohN6ZfspyGV3suKFHzsEQGxrmOAblzxuZfZqk1yk8WmlH_Vzn7Jk9tG9ffK7556A0APjBcQySPjAz2ZIy_CaD0qJcEPcaVLPCTMm4dbpaHer4gnWenIq7VQID5GWgKse4tN861JQ/?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/AVvXsEh_-xb4A8Ze-XPSmB4h8u79twUHgVvBF3HkFvXI8hQ8Xii2jApHcjv9ElxXzqQiHthLiDUFp9LvUvF9FbrBYOk3c-dAm1loUof2U_pGaWBc8XxyGtumgVuACayf9y6JKt5rymFPGj8wZCjt/?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/AVvXsEhjrjHrZFdxhRvEUcCejw8uzuJJ__ppZzGpnES7XG5M_5l-_y6uSycI03EjkgYMStsUqSaTKnj5YAUG-bltHMIDtNKMA7P7c_f7zwFBoEtqeLW6YozAtK2Ovn_B2H1TjdB14KcUZy6pelVR/?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/AVvXsEj34zseD5TCkGEgyGNVby2m4TIV4nVMsQp-9Zm_EPGsG2_YG0S0iCQq08J8TYzU8jp2wNtr0gdyfNAy6GLoiOS_9P0kYAUE0vKfI6Cl-GgdD7E49eEHCRHfbXmVShcatu8mj4Ia1B6A9tw/?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/AVvXsEh9IgZabJWZOMixrd0Mj_Yv7EvFaNdS3vvHR3Lj5AHNVCFj0tT1M2mz6oHxPHWoYTNtOmk2EaWlQbA-HE90QrRcnUP2TPlC7aEr7CKhE4OoBu_ofHZQpgQyhvMmP6nEH20R_p8pZMsXpL4/?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/AVvXsEjo85fti4jrfX_Zv5H6Bzt82NkMbJnTHjO3_H4TxZ8nrhyO30QWkk7gdkhtPIYWK_zzgsNm4T_Fqk4qw_dgy09YDtkzgLUYRLjENY_zb8vw7H_nZYP5Rk9KZXO9yDJsCcV8zpV59DvDV8A/?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/AVvXsEjhSPV-Kg1ektuK0hKQNLHQwMN83OUI7JltztA41uO3-qkxj3r9reOxtAPQKYi8-Q-Sif_gSDQFRfCAlnOGFBtVJU5p28sgKD7sc6nGW25OGyWIore3ursf30lgtnf7D7ilxJKQuMYn4m8/?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/AVvXsEhKwyTf7rLMaR3XjRFZPSrAbQ7Y42GNc25P_sk_2l75ThPTs7D_tJRu8h9IpXlLI_zlWzQOosEb2vjRyTtOVVrpiU2RCsJzhVPnoUhP4EIQR9TDTPEMACTd_jprrzNvERrCfPXGFd0xww7T/?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/AVvXsEj0G26s04s35Zz6XIkVugbN0Lfnj0JdcXArNMNVUU_XaVbDoppfA9bat-Ryk7NuoPiWS0fDkGlWu65wkkC8K-huRot7ddyHRdbPl4eQP_U1OurPDoYc7ByAxIjFVSpzhNZv8FmszX6gp2k/?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/AVvXsEhVp4whj4WXxaFlKXQH_iPm_UnJVm2xzgNPT-SOP9KXtl8KmYCkurLZoWckHDaPuQTdRHRNeMb3ojFCq5X1AykIldB03KR19ShTjHFxAAAH3wmeKOS4N2JQNBK7RWIdp4h-QWwkE0SBlIQ/?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/AVvXsEhawDcDuBQHCx0vdbs_751S-b3TXgbMhqXlg_vAeNXExK5xB8d2QUqgRMY45KoS-3YpRhJwKpTh4PTQE5IKeEnjAniRS-pG1zA55dN6eOYn3iZ5GplTjYI63ZIqAb6Yx1TAK5BR6FLY3LQ/?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://blogmasterx27.blogspot.com/2014/06/cara-memasang-translate-bergambar.html>x27</a>
</div>

Teman-teman bisa menambahkan beberapa gambar bendera dengan cara mencari urlnya di google. Semoga bermanfaat, dan jangan lupa doa'in admin biar naik kelas 3 SMP ya. Dengan nilai di atas rata-rata AMIN!!

Assalamualaikum wr. wb.

0 komentar: