Tutorial Translator Blog

Tutorial ini bertujuan untuk menterjemahkan blog anda kepada 12 bahasa negara lain. Mungkin blog anda pernah dikunjungi oleh negara luar namun mereka tidak boleh memahami artikel blog anda. Dengan tutorial kali ini, 12 bahasa yang mewakili 12 bendera negara luar akan dapat memahami isi blog anda hanya dengan klik pada bendera tersebut.

Berikut adalah cara-cara memasukkan Translator ke dalam blog

1. Login ke ID Blogger atau terus ke "Dashboard"

2. Klik "Layout" dan terus ke bahagian "Page Elements"

3. Klik mana-mana Add a Gadget kemudian dan pilih HTML/Javascript dan masukkan code dibawah ini ke dalamnya.

<style>

.google_translate img {
filter:alpha(opacity=50);
-moz-opacity: 3.0;
opacity: 3.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=100);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.00);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>

<a class="google_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 border="0" alt="English" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/English_thumb.png?imgmax=800" title="English" align="absbottom"/></a>

<a class="google_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 border="0" alt="French" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/French_thumb.png?imgmax=800" title="French" align="absbottom"/></a>

<a class="google_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 border="0" alt="German" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/German_thumb.png?imgmax=800" title="German" align="absbottom"/></a>

<a class="google_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 border="0" alt="Spain" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/Spain_thumb.png?imgmax=800" title="Spain" align="absbottom"/></a>

<a class="google_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 border="0" alt="Italian" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/Italian_thumb.png?imgmax=800" title="Italian" align="absbottom"/></a>

<a class="google_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 border="0" alt="Dutch" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/Dutch_thumb.png?imgmax=800" title="Dutch" align="absbottom"/></a>
<br/>
<a class="google_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 border="0" alt="Russian" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/Russian_thumb.png?imgmax=800" title="Russian" align="absbottom"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/Portuguese_thumb.png?imgmax=800" title="Portuguese" align="absbottom"/></a>

<a class="google_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 border="0" alt="Japanese" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/Japanese_thumb.png?imgmax=800" title="Japanese" align="absbottom"/></a>

<a class="google_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 border="0" alt="Korean" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/Korean_thumb.png?imgmax=800" title="Korean" align="absbottom"/></a>

<a class="google_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 border="0" alt="Arabic" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/Arabic_thumb.png?imgmax=800" title="Arabic" align="absbottom"/></a>

<a class="google_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 border="0" alt="Chinese Simplified" style="cursor: pointer;margin-right:8px" src="http://sites.google.com/site/bannerstoresite/Home/Chinese-Simplified_thumb.png?imgmax=800" title="Chinese Simplified" align="absbottom"/></a>
</div></center>

4. Setelah selesai kesemua langkah di atas SAVE! dan lihat hasilnya


Tambahan
Untuk alternatif translater yang lain anda boleh menggunakan widget daripada Jeremy Rice yang disediakan oleh blogspot. Widget ini adalah yang terbaik diantara translator yang pernah aku temui. Ianya boleh di dapati dengan menggunakan carian pada gadget di dalam blog anda, berikut adalah langkah²nya.

1. Login ke ID Blogger atau terus ke "Dashboard"

2. Klik "Layout" dan terus ke bahagian "Page Elements"

3. Klik mana-mana Add a Gadget kemudian gunakan kotak carian (Search box) yang berada di atas sekali pada gadget tersebut dan isikan dengan kata kunci "Translator" seperti gambar di atas.
4. Pilih translator daripada Jeremy Rice seperti gambar di atas, kemudian masukkan butiran yang diperlukan, contohnya title (tajuk) ubah kepada "Translator" sahaja, dan nasihat saya agar diubah juga Height (Tinggi) widget tersebut kepada 72px agar tidak perlu di scroll/overflow. Kemudian tukarkan Your Site's Language kepada "Malay" seperti contoh di bawah, akhir sekali save dan lihat hasilnya.

contoh.
selamat Mencuba!!