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>
.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!!
2 comments:
thnks..ady dh cuba thnak u... info yg bagus...
a.ady..
tdi sy try type trnsltor.. tp.. x kua pun.. mcm a.ady wt ek.. huhu.. sy type tsnlator. kua komen lak..
Post a Comment