Cara Membuat Translate dengan Gambar Bendera

Selamat datang kawann Reski Poterr Blog. kali ini saya akan berbagi mengenai cara membuat translate menjadi lebih keren yaitu dengan menambahkan gambar bendera pada setiap negara. perbedaan dari translate yang biasanya yaitu tidak ada gambarnya.

oke langsung saja kita lihat langkah langkahnya

1. masuk Blogger

2. Rancangan/design
3. >elemen laman
4. >add gadget
5. pilih java script

masukan kode scriptnya seperti di bawah
klik tombol show di bawah ini untuk melihat script

  <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="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbLHkw2n131V_a6xX3yS6vt14TvdK9M_ELPCOIiYnCEsW1fHC2Ik3DSBIdihhRGjJOQZHDhsIjm6v9f_4G8wp3IaXVyVekf_yk0Mhm2ptkhwAxh_fWd_bj5xGqF1UlRcsL43quDTdtK8/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaCkWAx04aYi_3nj0WVRNtFqjgy7EUzwb-H2Ttp9EiJCj6nDXyXX-ATBJ9sBNrtRXp6voRkum_ZhmQs_ujBS-cq9jntRWpqdBdX5s5rv1i2hvHa8iYUMOPPJKqrW2X5suU3CBqMUJntzU/s200/France.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbn2TUb9CKzr9NULGnZ06aUWMRi4vtEsCpfnj2OkzFCWreDCi8rO5cc4NYV9XdzaSNsYnFxECyuANVGDovmTLh696rMnesIi6vza9QEZOV359qHGxtWGln8FD8OSbSarRJfqduLYHQQUA/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGj1ifNkMXVzmzLs0N2hCS-tMG6JAeFme753ipFvK1fUSNAj2tOZ77-xcvbqYTqYWTHBDEyZSnqBURwMTrpsFLpDhtDO1CvQa0iQwaIOm_wULSEE8lpEMb7uJ9u7APgJ-5XtMAHeyGe0s/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ3KgSRYk1Yh-3WmRfzX47fgFvcF7YRqN0UgrT0_px1RmfqhncZZ0PxH-4c7SGWayJ_qlawDkWAH-qvB8dTwMKTbrdM_-DZUkX0EAPynC8vdxPeTjWYutXqHgziqExHbd6lxydkn8iThw/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-p_b5EXMJd5kyAUVFpheQVHOkI7pQVrVWQOMFrmQft0NN8MoZOPC3eeX_X9XdZPBhcS29mqVsF7ziPnWqkUiqX2qK-CZE8BFOhfnZHxKtR7T3RC1aq7-sYkch66GgvoQoEjBTCeHunRk/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxYmCaMrb43JJ7AxOHC3WVjq30i92F-VGvbioNtjPHMzw2HegAgrzlznyOJfphXBHa4h57Jvh0mAgbTPVRAHoKIeI8yWm5tueuOZ3nrvJHV2Is1-Ehyphenhyphenusux1gZYz96WWtmmu5O3y0nV6g/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2aOqH5FARp-BDuK083TlQPsjVC3HDsjH66FsXzYAK1CuomapWQc4lEe7rMOBbXYLaU8HYW-zetqV_ETx4aERRTgM_t9lJIifMDXBvCcHKHHyspoW8uOEtM5a-RpSoec1Lrh4qgB9mgu8/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi27s_p2XQJBdmJgjsQK04XaHHtPuJ5PdF_j-7WrrA04ryXcCQ4IY10YPrxSvVyC0FqY0n0UvveYfAygyE9vvwDT_fanv6gXDGP7XP8ZzvGHmPvUz2rknADg8b5iKMjh0BODWiC37I44Tw/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXAFKRaplPlqpTHxFUZy6EU72Sp4PVlE4a5dxV-sgvyoXgfN72w2Ict69lKqD3eyVB4FACAf7Z5o58cDYM_fCaCjBz_QxM6P6_hGYg1Jk9xMTi6dK146Q5WC3ZIFuo3luT2aB4Dq_cBJM/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEbzLZaAyOtpUaVJ0PBcEZ4NQjM3uYD_OWaD1WA4LVpvW4c-KdArsFPK7NpkP75H3Z_87gnzCgg-I6y66p5GM9UcD8m093JnXHibaLEZh9dFrmTnFC5atq6qCiCsAmRmwXL-i8CI_NK0M/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a>  <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=540456439158874223#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiArnqXnQ2-6GbHvhCSc_R_grnB0wfWafQejdQnw0qWKdIzXdKVQgsWbIA8e_AuwtR8gRjusCPEUz1kSX33p0M_AEBHGowxIqHQq4DkwPWDnTbw_yrISKAEam1cwcoJFOFTfLSV3rT-sPo/s200/China.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a>      </div>
<div 0px="" 0pxâ??="" 3px="" style="font-size: 10px; margin: 8px;">
</div><div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://ahmadbjblogs.blogspot.com/2012/07/cara-membuat-translate-language-pada.html" title="CARA membuat translate language pada blog dengan gambar bendera ">Translate Widget</a> by Google </div>

6. Simpan

selesai