Memasang Translete Gambar Bendera Di Blog

Biasanya blog yang kita buat pasti ada pengunjungnya dari luar negeri apalagi blog yang pengunjungnya sudah mencapai ribuan pengunjung perharinya. Blog kita kan berbahasa indonesia. Untuk memudahkan pengunjung dari luar negeri membaca artikel kita. kita bisa memasang fitur translete. translete yang kita buat nanti ada bahasa Inggris, Perancis, Italia, Jerman, Brazilia, Portugal, Yunani, Jepang, Cina, Korea, maupun bahasa Arab. lebih menariknya widget translete ini ada gambar benderanya. Tampilan translete yang saya bagikan ini ada 2. bisa dipilih sesuai selera sobat. Jadi kalau sobat ingin memasangnya ikuti tutorialnya berikut :

Tampilan ke 1

• Login ke akun blogger
• Klik tata letak > tambah gadget > HTML Javascripst
• letakkan kode ini di kotak javascripst

 <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/AVvXsEiWuNx1xdiq-Iw_Kp_U5Hc5LE63oe5uCnpG5ZR6Qo_PQd1JnznDPrnt_OO8FMTfNyb9GsZ7H1kPnkoFzsGboZ1ifXGGHuEydsN65TGLA2SE3ClCYOWi9Et67oFwiIYGg3nfUq6FCaBcq2A/?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/AVvXsEiIjj3Ifg-6OIvZ9esKkMcoQQWnLoeV0gibNpNAUNU78GOT2XRjEcaCZuurD7vfEbeh7A1PeBKu818c-eBzN3EIMd42e20XRH9RF8dzP23ZT5sxSlHivysElaVvi846aSE9S85Pgl-0HK8/?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/AVvXsEhiQ9bm6oSry6WwAwbCRt0L1XsqN44cKRXWmfslmzR1G0PP52NBF6BKWDY347MUYNAIRhg9xsSclq8wzC9df_9EimWm87_Fk0cAwwalJUjFhmXdRzRVWMi_NyeyzDMOUmckBjHjUa89tsAL/?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/AVvXsEgAzZJEuT6PpJV_gp25gA5JEReKwBgi_BReYQxSWLgSn67-0JUt0E4leBvZCiVgj002sbU8mrB7HnZvJI-ikI02NZdFtTNR0Nlr3KsL4LR6KMvHf8D_jtJhxbcTgutAs4kyIJL4Iw4bNCEC/?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/AVvXsEgztthPFb7LwcsR6kC_lbwQUqIFIJIxDsn0f3P8Ae3sSiuVqyuLs5SnqovkAuN_VjcaS8P6TO7zaZ2AdwoWexhIH4JNr0CAAigiRAv1tutmo8wYz2ubw8jWghgow_dl78-UEwEhyAAfKmk/?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/AVvXsEgYX7UfIR__ko4w753f7AQQQbD7I5MP2YhkHxa6ho9WdStn0ypGwB3nV2I5q7yNpKIjDpaG62Rrj7JAxxMKSOwOP2ExkY9d76dD-PDi1aUKBNZT-pypJlugCSL3XyhSBh4ykMLo-XYyhQM/?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/AVvXsEhO547eZ15TiuhL2YFXufR_2g4WyAK6WAvHu-JmygRxRPrIksI4JcJ64gVsmY6920mGO7osgsxgJZTXV5s9wumSTkOwpfXHvhHg_dQ-8BUKAWdrV-e_i34IxijpuQXPM1UYhF-u_MwjqkI/?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/AVvXsEgVCxalyUgkTmAHeawsTk0aY9YapWtvFqI93tB9KG8a5nbwrq1uzFfoZS67lNGzlZ4iNXExWUT3kVmsn9V6eKyAoI-575s-lYKOGdrAWbcAvIvRATvAiMR2BKWG7Sf17mGbpvRDCdYKzWQ/?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/AVvXsEghvhtHsWvXDm-tKavuaFpnt-LeqbAmDlVUMNtw2vluPqvo0hzOKW5V0USC-d7rRpc6I7Z1SuAcmUgoAAA2b-hRlpfpaDh20yYVGxj5m4K4u9GApmZj5vGtPn_kVpGy4r6vecp12nfquNms/?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/AVvXsEh3qE_WULDzl9gy04xDAOusfmeZ5Dx4a9rIE3XQc6wbUQU5P-AclHnqhQ0CHO_MMagYasD0ZO7oIJNqUFB1YkSME5ocDuVn_GKvCRAFHGwSwjTOdWm_4TUBIni9oO-f4lfysngLnVqZ_u0/?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/AVvXsEgtKkvvxQS_ULqFPN6pBy3eMNxtByOvYtczYGCx3tEly-UOAElDhDE3fRhKpeVb84tqElyAuy9w9lV8yTkKn6dsMBpNzNAheVMjkYFAkNn266qHpEQ7Z3HLSu-qiUz4XjRyAGaDquJw4Fw/?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/AVvXsEhllDf6yJQxQ9AeVPyxeqx0uc8a1w9Wh-pUnKacG-s16wPGYwo3IoHSOEAYzlDG8Zkiy09RfG-dmY6lTOmkeTqj4gvOM3f5yjOXxYAszCiB9MgwdcCNxXjVZQW-nnkh6mOpc7iXCs-39bk/?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

 Copas code dibawah 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/AVvXsEiWuNx1xdiq-Iw_Kp_U5Hc5LE63oe5uCnpG5ZR6Qo_PQd1JnznDPrnt_OO8FMTfNyb9GsZ7H1kPnkoFzsGboZ1ifXGGHuEydsN65TGLA2SE3ClCYOWi9Et67oFwiIYGg3nfUq6FCaBcq2A/?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/AVvXsEiIjj3Ifg-6OIvZ9esKkMcoQQWnLoeV0gibNpNAUNU78GOT2XRjEcaCZuurD7vfEbeh7A1PeBKu818c-eBzN3EIMd42e20XRH9RF8dzP23ZT5sxSlHivysElaVvi846aSE9S85Pgl-0HK8/?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/AVvXsEhiQ9bm6oSry6WwAwbCRt0L1XsqN44cKRXWmfslmzR1G0PP52NBF6BKWDY347MUYNAIRhg9xsSclq8wzC9df_9EimWm87_Fk0cAwwalJUjFhmXdRzRVWMi_NyeyzDMOUmckBjHjUa89tsAL/?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/AVvXsEgAzZJEuT6PpJV_gp25gA5JEReKwBgi_BReYQxSWLgSn67-0JUt0E4leBvZCiVgj002sbU8mrB7HnZvJI-ikI02NZdFtTNR0Nlr3KsL4LR6KMvHf8D_jtJhxbcTgutAs4kyIJL4Iw4bNCEC/?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/AVvXsEgztthPFb7LwcsR6kC_lbwQUqIFIJIxDsn0f3P8Ae3sSiuVqyuLs5SnqovkAuN_VjcaS8P6TO7zaZ2AdwoWexhIH4JNr0CAAigiRAv1tutmo8wYz2ubw8jWghgow_dl78-UEwEhyAAfKmk/?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/AVvXsEgYX7UfIR__ko4w753f7AQQQbD7I5MP2YhkHxa6ho9WdStn0ypGwB3nV2I5q7yNpKIjDpaG62Rrj7JAxxMKSOwOP2ExkY9d76dD-PDi1aUKBNZT-pypJlugCSL3XyhSBh4ykMLo-XYyhQM/?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/AVvXsEhO547eZ15TiuhL2YFXufR_2g4WyAK6WAvHu-JmygRxRPrIksI4JcJ64gVsmY6920mGO7osgsxgJZTXV5s9wumSTkOwpfXHvhHg_dQ-8BUKAWdrV-e_i34IxijpuQXPM1UYhF-u_MwjqkI/?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/AVvXsEgVCxalyUgkTmAHeawsTk0aY9YapWtvFqI93tB9KG8a5nbwrq1uzFfoZS67lNGzlZ4iNXExWUT3kVmsn9V6eKyAoI-575s-lYKOGdrAWbcAvIvRATvAiMR2BKWG7Sf17mGbpvRDCdYKzWQ/?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/AVvXsEghvhtHsWvXDm-tKavuaFpnt-LeqbAmDlVUMNtw2vluPqvo0hzOKW5V0USC-d7rRpc6I7Z1SuAcmUgoAAA2b-hRlpfpaDh20yYVGxj5m4K4u9GApmZj5vGtPn_kVpGy4r6vecp12nfquNms/?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/AVvXsEh3qE_WULDzl9gy04xDAOusfmeZ5Dx4a9rIE3XQc6wbUQU5P-AclHnqhQ0CHO_MMagYasD0ZO7oIJNqUFB1YkSME5ocDuVn_GKvCRAFHGwSwjTOdWm_4TUBIni9oO-f4lfysngLnVqZ_u0/?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/AVvXsEgtKkvvxQS_ULqFPN6pBy3eMNxtByOvYtczYGCx3tEly-UOAElDhDE3fRhKpeVb84tqElyAuy9w9lV8yTkKn6dsMBpNzNAheVMjkYFAkNn266qHpEQ7Z3HLSu-qiUz4XjRyAGaDquJw4Fw/?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/AVvXsEhllDf6yJQxQ9AeVPyxeqx0uc8a1w9Wh-pUnKacG-s16wPGYwo3IoHSOEAYzlDG8Zkiy09RfG-dmY6lTOmkeTqj4gvOM3f5yjOXxYAszCiB9MgwdcCNxXjVZQW-nnkh6mOpc7iXCs-39bk/?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>

• Langkah terakhir save dan lihat hasilnya

itulah cara  Memasang Translete Gambar Bendera Di Blog. Semoga bermanfaat..

Anda baru saja membaca artikel yang berkategori Widget dengan judul Memasang Translete Gambar Bendera Di Blog. Anda bisa bookmark halaman ini dengan URL https://malang-cyber4rt.blogspot.com/2013/03/Memasang-Translete-Gambar-Bendera-Di-Blog.html. Terima kasih!

Ditulis oleh: Unknown - Monday, March 4, 2013