Cara Memasang Translate Gambar Bendera di Blog

Kali ini saya berbagi tutorial untuk memasang Tranlate Gambar Bendera di blog/website anda.
Langsung saja ikuti langkah-langkahnya sebagai berikut :

Pertama login ke blogger terlebih dahulu
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget
Pilih Tambah HTML/JavaScriptCopy pastekan code translate di bawah kedalam kolom yang tersedia.

Cara 1 :

Gambar : Sebagai Contoh Tampilannya, dari code "cara 1"

<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/AVvXsEjjmRPAi2YZ9fMaq8HLn6_Fbx_365ipyG6J4wreJb9iVoMDvnS0OMP7m9YpPKHH5IW9t2kdTzHIt8V16u5mIWQ6k_bWQhYxiiLFx67HAvDsbFB_-Gf1GRhc992gSH_BbM7he5hUgFr891w/?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/AVvXsEiHJX7UZZ8eOmXW-m-HmpE29ovaqyUnvslK2su9mR5wHO_uiKZreRpchuXSbqmLc7kSOkCR7gvrDfVpCOghRPeJYbClPPLzo4TwvFiEEmmdg-EekpI5YhKVnphz42U25VDCyWguovaEoPs/?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/AVvXsEi0y3haXBMx0pVTqtHeoMtp0FM170pqaDr0rwRUbBZRzMrOp-yB1Miuh5w7rvWhGt-8QYwd5MtFxxje3XXxK1_yXhg9XEsuY1HJWp3zCDjkSa7okuq3UGeCM_9jUqQ3570kzxBTtmRTfqi4/?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/AVvXsEihzXsEXpOncAds5rJqGbW_6OiTWMMfhXL3FhICk0DlvpJTg5KK2CVMKhlPzK2SrVDNHbFpkWDqPwIFu9q8KKXdHeluVNobkoGeJFZxBhIv76hSeHqRkYzbiegxckfluNhvxBDlMjyI7zMp/?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/AVvXsEg881KgivkQMV3QjuUcxgEC5WDa4ln3kR-sHA_0ZEuBUs8ktQhIkjKhkDPDDkzlPZkPVDSS_0SQnJLbcuXljJFQXL5nQyQpvRHcVHiSPTYmAM9zAneW_8acpt1J3SGi86clH2EuxvAqLEo/?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/AVvXsEjSEQJ3mqnaKN_eu_7cNsJwlCKwk5f4rVhZ9ytdSnDySr_2YF6dKDC_m80WD_cX-_YYf7kdUx3GVowPwHhqapGaPFHfntu4PmzT7272IgcgCs-cX79hfneyVTcp94CyaMkK93JjL0cj8ME/?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/AVvXsEhEc33-N-Sf8TIT_t2UOTg_orEPI49zFt7Tbwgqeul-LG5LezC-H8n6UpyJEaXMTrIMGtflhFLM2BINVaZ2MFr78FvpSjvr7lj-mXvAfNboZiY-gH5uCBnVqIUuGzxTwxLn5bIx5Gs38Ow/?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/AVvXsEhSAnHneFjYeyLdVLeRKqriUbSn3K_ac0ecrYJkGIcVHuA_tEXlCjSzJo0D7AF2Q2IF-NLeyMD_r66mBmp5UMYPCAIh22Vm8udBlXz8hC3epcu5n55TFW2TNW63DdDaYHf6ItF1f6wdiF4/?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/AVvXsEjccnddZYPrAwZghsv9exK3ZpTod15SEoTFR-rRyM7aVxWzPeHZ3rS76qfJP9utl7b_84iiMbOy12rZz2RXkLFMwSNP_6SAGWMKcmOHGa3jaxwhaUP0_vXkjAuW6gyhPEG9NkZYmq9BjM16/?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/AVvXsEhjz0OuUqRVSH9HwvyT2yAWm93OTF6ig39UB-rjtyLqAkVnHgO6AxP_XwG4zkbpNFszMr1ZMx-ukoqqgGjgM1qdq4YGUc0s2PD4_HCKqSz9JXdpEdvgW5i-3Z-0hdWJafjdLQZtoL9DgSk/?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/AVvXsEgG3HtXVbF5h7iookA7e_v0hyphenhyphen19isixg7IcxV3NPX6L4mXAygy6qiwLDxg7eH3egd85ntQ1WzeNjX4jf4420X9fWYZITPZY3VMa7HDraE6np6uQg0hG4FKTYruz5VaQKGGRVd6r9sUXllI/?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/AVvXsEhrQ3lZA63kbG1bx8p3vn9fnPzQaybGb3pPM8RMIrZ7d6o2DzLVJeLRZT8Ad3ckhRA2PM_z3kjnf0cjUXhc1eN-d2XTGqmZvlCshyphenhyphenjGpCkZD5xY7e83E-wbdii3Z94JsCnoIPq9K8FRHv0/?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://boukawishare.blogspot.com/>Get Code</a>

</div>

Cara 2 :

Gambar : Sebagai Contoh Tampilannya, dari code "cara 2"

<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/AVvXsEjjmRPAi2YZ9fMaq8HLn6_Fbx_365ipyG6J4wreJb9iVoMDvnS0OMP7m9YpPKHH5IW9t2kdTzHIt8V16u5mIWQ6k_bWQhYxiiLFx67HAvDsbFB_-Gf1GRhc992gSH_BbM7he5hUgFr891w/?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/AVvXsEiHJX7UZZ8eOmXW-m-HmpE29ovaqyUnvslK2su9mR5wHO_uiKZreRpchuXSbqmLc7kSOkCR7gvrDfVpCOghRPeJYbClPPLzo4TwvFiEEmmdg-EekpI5YhKVnphz42U25VDCyWguovaEoPs/?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/AVvXsEi0y3haXBMx0pVTqtHeoMtp0FM170pqaDr0rwRUbBZRzMrOp-yB1Miuh5w7rvWhGt-8QYwd5MtFxxje3XXxK1_yXhg9XEsuY1HJWp3zCDjkSa7okuq3UGeCM_9jUqQ3570kzxBTtmRTfqi4/?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/AVvXsEihzXsEXpOncAds5rJqGbW_6OiTWMMfhXL3FhICk0DlvpJTg5KK2CVMKhlPzK2SrVDNHbFpkWDqPwIFu9q8KKXdHeluVNobkoGeJFZxBhIv76hSeHqRkYzbiegxckfluNhvxBDlMjyI7zMp/?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/AVvXsEg881KgivkQMV3QjuUcxgEC5WDa4ln3kR-sHA_0ZEuBUs8ktQhIkjKhkDPDDkzlPZkPVDSS_0SQnJLbcuXljJFQXL5nQyQpvRHcVHiSPTYmAM9zAneW_8acpt1J3SGi86clH2EuxvAqLEo/?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/AVvXsEjSEQJ3mqnaKN_eu_7cNsJwlCKwk5f4rVhZ9ytdSnDySr_2YF6dKDC_m80WD_cX-_YYf7kdUx3GVowPwHhqapGaPFHfntu4PmzT7272IgcgCs-cX79hfneyVTcp94CyaMkK93JjL0cj8ME/?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/AVvXsEhEc33-N-Sf8TIT_t2UOTg_orEPI49zFt7Tbwgqeul-LG5LezC-H8n6UpyJEaXMTrIMGtflhFLM2BINVaZ2MFr78FvpSjvr7lj-mXvAfNboZiY-gH5uCBnVqIUuGzxTwxLn5bIx5Gs38Ow/?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/AVvXsEhSAnHneFjYeyLdVLeRKqriUbSn3K_ac0ecrYJkGIcVHuA_tEXlCjSzJo0D7AF2Q2IF-NLeyMD_r66mBmp5UMYPCAIh22Vm8udBlXz8hC3epcu5n55TFW2TNW63DdDaYHf6ItF1f6wdiF4/?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/AVvXsEjccnddZYPrAwZghsv9exK3ZpTod15SEoTFR-rRyM7aVxWzPeHZ3rS76qfJP9utl7b_84iiMbOy12rZz2RXkLFMwSNP_6SAGWMKcmOHGa3jaxwhaUP0_vXkjAuW6gyhPEG9NkZYmq9BjM16/?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/AVvXsEhjz0OuUqRVSH9HwvyT2yAWm93OTF6ig39UB-rjtyLqAkVnHgO6AxP_XwG4zkbpNFszMr1ZMx-ukoqqgGjgM1qdq4YGUc0s2PD4_HCKqSz9JXdpEdvgW5i-3Z-0hdWJafjdLQZtoL9DgSk/?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/AVvXsEgG3HtXVbF5h7iookA7e_v0hyphenhyphen19isixg7IcxV3NPX6L4mXAygy6qiwLDxg7eH3egd85ntQ1WzeNjX4jf4420X9fWYZITPZY3VMa7HDraE6np6uQg0hG4FKTYruz5VaQKGGRVd6r9sUXllI/?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/AVvXsEhrQ3lZA63kbG1bx8p3vn9fnPzQaybGb3pPM8RMIrZ7d6o2DzLVJeLRZT8Ad3ckhRA2PM_z3kjnf0cjUXhc1eN-d2XTGqmZvlCshyphenhyphenjGpCkZD5xY7e83E-wbdii3Z94JsCnoIPq9K8FRHv0/?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://boukawishare.blogspot.com/>BTF</a>

</div>

<style>

.google_translate img {

filter:alpha(opacity=100);

Anda boleh menambah negara mana lagi yang mau ditampilkan, silahkan dicoba. Semoga bermanfaat buat anda.....!!!