Cara membuat widget translate language dengan gambar pada blog ( PART 2)

 




 makasih sobat blogger udah berkenan mengunjungi blog saya yang masih newbie ini terimakasih ya atas kunjunganya, jangan lupa komen biar nanti saya kunjungi balik,,naaaah ada yang tau gak nih kenapa saya kasih judul postingnya  Cara membuat widget translate  language dengan gambar pada blog ( PART 2), ???
 

naah alasan saya memberi title PART 2 karna saya sebelumnya sudah pernah memposting cara membuat widget translate language part 1 ,, yaitu translate language dengan gambar namun gambarnya dalam bentuk kotakk,, 

pada posting kali ini saya akan membahas translate language dengan gamabar namun gambarnya dalam tampilan lebih unik yaitu dengan tampilan bulat sepeti pada contoh gambar di atas
oke kita langsung sajah menuju inti pembahasannya, simak tutorialnya:

• masuk BLOGGER
• masuk Rancangan atau Design
• Elemen Laman
• add Gadget
• pilih HTML/java script

masukin script di bawah ini, untuk melihat script klik ajah tombol show

<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>

<div style="text-align:center">
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVgHttc9f4EIA75Da8FZm251Z7x9eHGJlPcxJYpEoxU5yiMecBxr7PklsbISbNQsfxMw4YT1nP3ZJ2x4wBvm4Fv068buoPeCvyF4ww_Fv_9iNMO4tz_etbDkvbRN8M6J_-DLqsjHPQucEY/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVsicArek_SkIdyg-tt3-yr6AUEKVw7C3tmFU8bp_A0NKgTXr61AAi2EINsk9SrtOF_zG7DCtkBuhr1XIC019booD_vF2aEpPDlwCk9ZgBpYTM4HSMQmhrJ1MTYbWXyhrWyxN6hZLatKaW/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJIMKJMTdEsRlye4Fg0m9mDtt5qoAWdjOh9-wZ-L3ifkMScWMWeR0ZDJOwvc3_JCVp0zlAsbtGRl-x5WGyi2o4BC1kv6aitun4iDkjbQi1BEcoHA0M0NpPRov9zooU2KMvhhSxKtrsz3tT/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYLtJ4fBeajjSxEnp_hD5JFsEUqHXvVMCI-KYDXzFQpGW6LI4wciU3yr2phznQY2mKbnR2EkdWVSFaznW_JfghRFzkbbKlRtbsGankDWsd0bGwfd5EGQXVupftnGkFqyyYdk9hHZeetLuo/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNlxyx7ytvADhLEaKLF0wowkl6KzuV5Xu6EGd8hXFDgbbtGs2IVj3LmuyMfdkvNu3RIqxvrBa2uaPJpbGfkikHLWFJklqVfGiuiyK3vuOamdPQ2ZfrLYm2p4gWAHPftu-nKVlK3gPJuDZL/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizoGktzHQfwpTtsgIVa8HEn3xz_FKUqgYAaJ-8-YnIOQOVWBfMDIRdXzSq8rwXn4_8ReOF0UijryS1fg6yJh-Fr8arDJnPXzQd97ilZfLNA0IQH00Nybhd36R6unlt3i6ne2bDMEXbbhRx/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlMzsB2pFew9UX8sGbNMff4ZKj0X5qshO85izy3zgIduiD5-_FwvpQng959vfxXVYJ-LBHyajv-VYMlyFxDGkExPp4nOajaeH6Qnzo6DgFpa6DFJqnObGh3NTNaKaTtJ4bdl8u73pqx6dE/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIbBcR1wHmKVq_xxh91KphPzyoUpvgIZ9RS-A4Y2N07AWaqgrCRtJOhQXJCxpF0GDHRIrCFlBhQhugT1ZYAyxlCentD50epd9ZNpBOk3ZSlxhrKD_EcXX2tfGbUF5Bh2pp4zFrBuQvV27X/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZRL33DeFNg0xaJ0OqkOXoDZCAfB0YUtEXuOVlDbde3OT9BJq3OK15et60y_5UAaj_8iC9tSjYb5UaYt-eKP8str2rJYpGQL0ypjJxV4wfrBhEBsP4uLGAgjnc1LYHCCE3aAG1EYH9-bEs/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJKjyVTHayLK4MouBmDqWLDtKCSATXXzrUXrIS4FNBeCyOgB9pMV_loaWL8u9MBf4kJodrzYgOBF3KM7ELH3Wy2JXH4zk8OXkFPykdILe-7EWDblF-Bf2F9hRZiklq-4tUYzjNfW-lMSbc/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJIzxlIJ-jtVl9LTCzIXmIyCtZqvGM1q-4zSe-KC7Q0c0WPjNw9bYUz7e1YNbvd1-BMnRJtQ8Kp8otGGox7fovYQqrvDbPx_UMi9MPNdo1XQSI-fs_sHoJfc4ORp4jHww94i5KqfQ3UgHW/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlm7rEY-23AMsTTWdMxcGNpB5gpuUH1MNPz3GFOWb6LXtAhKgj_MobN_jvQwJhi26VSXhw8hf4XFIvRU_aKw7yc-MhH4pR37orQ4iLDd_GTTS6e7W7CaZhAD8Gdv4uLcgcL-wEKTJU0lVM/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://ahmadbjblogs.blogspot.com/2012/08/cara-membuat-widget-translate-language.html" target="_blank">Translate Widget</a> by Google
</div></div>

• simpan/SAVE

selesai deh :) ,, nah sobat untuk memper erat tali silaturahmi jangan lupa komentar ya agar nanti kita bisa saling sharing, nanti saya kunjungi balik,
semoga posting tentang Cara membuat widget translate language dengan gambar pada blog ( PART 2) ini bermanfaat untuk kita semua, doakan ya supaya PR blog ini bisa naik heheheheeeee......

mungkin itu dulu ya sobat yang bisa saya bagi. wassalam (Ahmad Bj)

Tweet