Cara membuat widget translate bendera

English French German Spain Russian Japanese Arabic Chinese Simplified

Widget translate digunakan untuk menerjemah blog kita. Google translate contohnya. Google translate disediakan oleh google untuk website/blog. Namun bentuknya cuma menu dropdown, terlalu simple, bener kan? :) . Kalau di blog saya ini bentuknya berbentuk berbagai bendera. Jadi unik. Nah, kalau sobat juga pengen pasang, ikuti langkah di bawah ini ^_^ .

    1.  Login ke akun blogger sobat.

    2.  Masuk ke menu Rancangan

    3.  Klik Tambah Gadget dan pilih HTML/JavaScript 

    4.  Tambahkan kode dibawah ini
<center>
<style></style>
<div>
<a class="google_translate" href="" target="blank" rel="nofollow" title="English"><img align="absbottom" alt="English" border="0" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cen&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="French"><img align="absbottom" alt="French" border="0" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cfr&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="German"><img align="absbottom" alt="German" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cde&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7ces&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cru&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cja&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7car&amp;hl=en'); return false;" /></a>
<a class="google_translate" href="" target="blank" rel="nofollow" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7czh-cn&amp;hl=en'); return false;" /></a></div></center>

    5.  Selanjutnya klik Simpan, dan lihat hasilnya.

Semoga bermanfaat :)

3 comments :