Rabu, 06 Juni 2012

Cara Memasang Widget Google Translate Di BLogger

Tutorial kali ini saya akan membagi cara membuat widget google translate pada blog, mudah-mudahan bisa membantu sobat yang masih bingung untuk membuat widget penterjemah halaman sebuah blog atau situs web sobat semua. Sebenarnya google sendiri sudah menyediakan widget google translate pada blogger untuk kita gunakan, akan tetapi banyak dari kita para bloggers yang mencari bahkan mengedit sendiri widget google translate itu menjadi berbeda, tentunya agar lebih cantik lagi tampilannya dari widget google translate bawaan blogger.

Blog atau situs yang sudah terindeks google, tentu akan mendapatkan pengunjung dari berbagai negara melalui google search engine. Jadi widget google translate ini sangat berperan penting bagi visitor dari negara lain yang ingin menterjemahkan artikel kita kedalam bahasa mereka. Ok deh gak perlu panjang lebar lagi saya jelaskan, buat sobat bloggers yang mau memasang widget google translate editan dan bukan bawaan blogger, silahkan simak langkah-langkahnya dibawah ini.
1. Login ke blogger terlebih dahulu dengan menggunakan account google sobat sendiri.
2. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.
3. Pilih opsi HTML/Javascript.
4. Copy kode Javascript dibawah ini, lalu paste pada box.
------------------------------------------------------------------------------------------------------------------------------------ 

<div style="text-align: center;">
<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cen&amp;hl=en'); return false;"><img alt="English" title="English" src="http://krisna-javascript-file.googlecode.com/files/Eng-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>


<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cfr&amp;hl=en'); return false;"><img alt="French" title="French" src="http://krisna-javascript-file.googlecode.com/files/france-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>


<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cde&amp;hl=en'); return false;"><img alt="German" title="German" src="http://krisna-javascript-file.googlecode.com/files/german-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>


<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7ces&amp;hl=en'); return false;"><img alt="Spain" title="Spain" src="http://krisna-javascript-file.googlecode.com/files/spain-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>


<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cit&amp;hl=en'); return false;"><img alt="Italian" title="Italian" src="http://krisna-javascript-file.googlecode.com/files/italy-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>


<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cnl&amp;hl=en'); return false;"><img alt="Dutch" title="Dutch" src="http://krisna-javascript-file.googlecode.com/files/dutch-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>
<br />
<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cru&amp;hl=en'); return false;"><img alt="Russian" title="Russian" src="http://krisna-javascript-file.googlecode.com/files/russian-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>


<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cpt&amp;hl=en'); return false;"><img alt="Brazil" title="Brazilian" src="http://krisna-javascript-file.googlecode.com/files/brazil-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>


<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cja&amp;hl=en'); return false;"><img alt="Japanese" title="Japanese" src="http://krisna-javascript-file.googlecode.com/files/japan-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>


<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cko&amp;hl=en'); return false;"><img alt="Korean" title="Korean" src="http://krisna-javascript-file.googlecode.com/files/korean-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>


<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7car&amp;hl=en'); return false;"><img alt="Arabic" title="Arabic" src="http://krisna-javascript-file.googlecode.com/files/arab-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>


<a class="translate" href="http://www.blogger.com/rearrange?blogID=3384340198622150709&amp;sectionId=footer&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7czh-cn&amp;hl=en'); return false;"><img alt="Chinese Simplified" title="Chinese Simplified" src="http://krisna-javascript-file.googlecode.com/files/china-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>
</div>
--------------------------------------------------------------------------------------------------------------
Keterangan: ganti tulisan yang berwarna Hijau dengan ID blog sobat, caranya masuk ke dasboard blogger, lalu lihat di address bar, maka ID blog sobat akan kelihatan. Untuk merubah ukuran pict flag nya, silahkan rubah nilai width dan Heightnya.

Untuk merubah bentuk flag/benderanya, silahkan copy gambar bendera yang ada diblog saya.
Caranya klik kanan pada 'mouse', lalu klik 'save as' kemudian upload di hosting sendiri, karena gambar diatas suatu saat bisa saja saya hapus. Ganti tulisan yang berwarna biru diatas dengan link gambar yang sudah sobat upload di hosting sendiri.

Atau blila sobat belum mempunyai hosting sendiri, silahkan klik di sini cara untuk membuat hosting sendiri.

5. Save. Lalu drag widget google translate nya untuk menyesuaikan tempatnya kemudian klik Save.
6. Selesai, sekarang widget google translate sobat siap digunakan oleh pengunjung.


ARTKEL TERKAIT



Tidak ada komentar:

Posting Komentar