Cara membuat translate language pada blog dengan gambar bendera

Membuat Translate Language pada Blog

Mungkin sebagian besar dari anda sudah tahu mengenai widget translate ini, tapi munngkin bagi para newbie seperti saya, ini adalah hal yang baru di ketahui agar blognya semakin keren dan bisa di translate ke bahasa lain ketika ada pengunjung dari luar negri

sebenarnya blogger pun sudah menyediakan untuk translate language namun dalam tampilan biasa, maka dari itu saya share posting ini agar merubah tampilan translate language lebih keren agar yang melihatnya pun lebih fresh heheheheee



oke langsung saja kita lihat tutorialnya

1. Masuk Blogger
2. Masuk Ke menu Tata Letak
3. Klik Add Gadget
4. Pilih HTML/Javascript
5. Masukan script di bawah ini di kolom content

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/AVvXsEi2_kRtXYbIYZKexTNxFmprnCuKo_u_5gnL0RSwjHXkX7CMboyDxVW8IzCNyv4tt-PqkFq-a9aeO27M8XUFQTa2lTMvzEo48gLsZtgCm9a3e4haZ8pluCtG_W5V-aCzk7PJYUHVhFySntY/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/AVvXsEgfaiFWdW-uFHlXs9oO8LD5ruuU-B4kuDQPyA2TgQdfK0y3QIMEOUr0hbO5ii5x9tcIV5j4dGCWFE7PbUAGR1Wig-RbP-DXBi90YtHTaKndmd4Lz49_CK5eYu3RAUNgpTzFqlyr1nsc3B0/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/AVvXsEgYVucqv-IpibNXNzlleprQWFBIz1xxIfYmDLG-0s22bROz-TNHIDjvYMlMidBKoIPFKjItKHR3ylch7hp9G1vTerokIZ5MQOc8IZiw1DtAHS0Gg5fF0KEhZDS1EVFFQ4kG1F54sckqqQ4/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/AVvXsEhvH5ON_BjWj-Vfu1z9slY9a1WmyluRRDl7HgQhBujR-uozwWRYQtKT1_WvmCHv1duP-w4PMJqC9JXuuIFdlLKwzAQJ7Z84bSRAaIPXvL7bxbeyqCPVHSSQpDbjwiECP2KpO6c-e2n4Go8/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/AVvXsEgUxKcHQdBTuC7qoyPiza7yICL2oHsp6LT9kO0yVRALdK4FS0Wk6m1Eycdi8uF_dEcMz-YemOAcCiCe07R4F0gPpPGT8hEStGF7aBYFxPArO6yMUywP7udah3D3iA8ajSiztnqfGd1MVUI/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/AVvXsEiieUlWrXcpUL79BqQs2z3vrIaGg34fvXtJVWVFNQ5JwcF50gEZoR4UA9aUQHolmm69wWGyZhpAGUAnjg1A7S_OxWJPkp5Bgl3tVsEPaUzLoGNbZb57mz8vLdomkpvSQDEN0d2rG7GJz3w/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/AVvXsEi3yMby0VAze7Y1tUSKOLTcvuG0zQR6dBzj6P0mTe7mhXlmN_-HQ0Az_BPaYTU4nNi-TBuNYqhgBd5mqVUamHldxpU0kIZd4wmUbl-g7lynyiq0qRs16Ip5-rv9KmwZxETY2PkXhl6m4ks/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/AVvXsEhLogkY87ggqeLbqJZfRG-P-dB9Ny70j1Kod0Nje10Q6YgE9bk_lLiHDa4VwCd-LDDTXgLSKICwI9Fv5CJfUyy0RHNPAg3x9Bbami7UwjEjo7YerlWjzzI_Q10j15exw8T3HnEEBJNqQeo/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/AVvXsEioe-1JMi0vXTOqGqJU2QBr9maV_gTCafV2_VasGne5B3vUT5AK5r4CS4XNRpJgoGF2xwN-5Q-fMtTncfaor9gbYwkd9UduXiArt83AIrKzJ_GA1PzsWpq-mrvZgHe4qJGONWCMK5-3oPE/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/AVvXsEjQwp-NYLa41g124taWrNWdG2NR9tdz0iwuUniZN9LjWhRJfmHtfhOKh6TOZ8att6aWZR7y-DnbxMObeRF8coyxGuBoYKzOq_QY7N2retDgcMM1HgK4P5XTTqQGT1lOOZrggLp6etwiYAA/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/AVvXsEiPcRVQSjEpBznr6FsE2BQtvQf1-J9PLI4474wWRShpLNJDzskmEBnMDsOQGyZZBju1QaMioAa0utX-vhh62dfQW15Q_UajNCINDn1-GR6JYQ3NDpv3EuZ5OFtD7fJZVEKqWybHaXpObWs/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/AVvXsEjYb2ShKZ9UZG0xaSyNUJHUGM_bmVATb9YZGNwXmhsd6_V52B5JfavFWNHqeFSX0yqoIJiNvGJT1sWe_TfxXF6fctk-CvwIrADjgFH_p07gdWEGGASiV19gb1IlHzmBr8kKbkCo72P_TG0/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. save

Tutorial dalam bentuk gambar:

AhmadBj Blogs | membuat translate language pada blog

sekian tutorial kali ini, terimakasih atas kunjunganya jangan lupa untuk kunjunganya kembali karena akan ada artikel artikel terbaru yang mungkin bermanfaat untuk agan agan semua.


jangan lupa coment dan follow blog ini ya.

Tweet