Tips blogger kali ini adalah membuat fungsi translate halaman web kita agar mudah difahami oleh orang manca. Jadi halaman web kita akan diconversi ke bahasa yang mereka inginkan, dengan bantuan paman google halaman web kita akan diterjemahkan ke salah satu dari 12 bahasa. Sebenarnya paman google.com mendukung banyak sekali bahasa asing, namun untuk tips kali ini kita gunakan 12 bahasa saja ya, biar gak terlalu banyak bendera di halaman web kita...ha..ha.


Saya mencoba untuk menyajikan tips ini seleluasa mungkin, jadi siapa saja bisa menggunakannya dan ditempatkan dimana saja juga bisa. Seperti contoh pada halaman web saya ini, saya tempatkan di pojok kanan atas. Anda juga bisa mengembangkannya untuk ditaruh dimana saja, sesuaikan ukurannya, dan lain sebagainya, jadi perhatikan baik-baik petunjuk yang saya berikan ya...

Perhatikan kode html dibawah ini;
<a style="cursor: pointer;" 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 border="0" alt="English" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKe2kq__WKXRvmR6bb9eBiwU8FArETKLmbzmazfzMZyNV9FqlCOWL3Kro5EjONrTRzTncrO5Y0bAm8gkTASlpgHm01edXsePwAVoY3T7nE72UQmc9ZwjOHEPI65GIWDyOAYlSqgrs3HU8/s320/english.jpeg" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="French" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUtI33yYgU38T8ntkLw6EmJNbI7b8ALhQtEebGvukK0SKPw6UxA_qZONf-k5lJn65xXL_ML37ik_lT-PvOpzC6f_p038efeZhsmaqOFfTp1zDam6oHva5o_cdDIRS9FYMZqgelX8HZ5k8/s320/french.jpg" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="German" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA5xoVmVu_hjCSyG2FPLi32KlPySku6spi4z70Bdgg2xT1XNhLdOTbxPaccSiuwc2wc1W3OdZasx1ImWWLREmok_ejK-mchhLwBDcGte3oEymWfGqjm7xj1fyCyiiozGE_UGTwbrmD3pc/s320/german.jpg" height="20" title="German" align="absbottom"/> </a> <a style="cursor: pointer;" 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 border="0" alt="Spain" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjruv64NRQSVcI88GYB69s4lmOs4ljsaV0Q06-OqtxQUCYp5oEZGHswzDVwXaFv9EUNq6QRuz7H9F9sTJ_dfDsR1YgGWF6Oq5iwLL69HNnVrRu5Typn32Ll63wy1Uwq0I2hzdAXzbj6nAA/s320/spanish.jpg" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Arabic" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2EoD9M3xjs9qPDtszLPbtDD7qyARnIC3uTpC-lUfJySPtsC7Jw5sB-2DiE7d64WdpYmhOKZ-iFp3j_SRg9vbq4nFxVpygbJKxFNu9VE_ddt-zqiWvZpTnfAbnyLzzHudOjfBaXEQg1Eo/s320/arab.jpeg" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Chinese Simplified" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi61O8rIqJnknZLQvaZ9NgeZwpiqm0CeFii2e2bwLocZsNSRP73FKaSAXS7XTVEjWqvBUJqa_ZDYoFqfvGIVJPF1Mqp7Ag2iFSTCI-p9hr90Vvl_1bVelCJr-fXN4B8a3Bk1CPQaVleVNU/s320/china.jpg" height="20" title="Chinese Simplified" align="absbottom"/> </a><a style="cursor: pointer;" 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 border="0" alt="Italian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMxBROnprwVGLk7inRlAmfr3VySNU9zlb6WOF6kTii8cx59Vrh7nVh_BiQqHZ_drcO1gaxuwGITa4ORvdL-uUkv9MaoKIRpIaviLQtiWo8Xz18aF71yTIP3oqZS590ZiulFM36VkCE31I/s320/italian.jpg" height="20" title="Italian" align="absbottom"/> </a><a style="cursor: pointer;" 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 border="0" alt="Dutch" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCBw-tIBYdF7qSksqTilW8BByjcp547O2CRKA1BoRk5R_BAj6jyJBdFlml6v5DAYZhIR2xcFA3Ad9ORi0M-i0i2z_ZPJo9ei9-qjINbKAlxFLqaqHFM5KyxKFcWdgxvrFOu2SVH0X719I/s320/dutch.jpeg" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Russian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvZRv9Sy-WOw4eyEnDckuVGjM7b6LnsHwMqp7xw7VbiA2fxPKKuM2Jzlh2hlK5o01CaPEDUixXmsHSh9W2YqKcMZwpUgzMDm7dcFjhiRRKtqJseYPZQSZoSUbnKOs0DJaJbAw3wW0oCgw/s320/russian.jpeg" height="20" title="Russian" align="absbottom"/> </a><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdbg2LAxJVK73Pvob0CiCH2H8x35yCe7ZVPEbHrSmCxY1tuiN4_65Uy-HCHUSUmTyY46BbA6dYdVwolaIgXaTgfmBNO_77O8T2NueX0px3ltlyDzjKdR046IBDTUqs2jOzUiN7cTrlXQo/s320/brazilian.jpg" height="20" title="Portuguese" align="absbottom"/> </a><a style="cursor: pointer;" 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 border="0" alt="Japanese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2xrD-qeIeQxbUgtsaB5Pq6FgeUeYXwAl9qbJC5olTUAW_6U4dXF_UcVxfRygoYKraRXU1TQmToMxMD_RIQz7vy2wI46rN0sSyohsC4jWY_7Qt6AU_eCA1z0wZuJAq30hzslK07UjBz4o/s320/japan.jpg" height="20" title="Japanese" align="absbottom"/> </a><a style="cursor: pointer;" 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 border="0" alt="Korean" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHNFBCOcVHWAIkQIylH4KgVjhLFPZwEmwLuAag1DYqO1mxvJZ1D7-ShgUCdZTJsQUnFyW-f86OfPbWKdMd4EmnNbAtRUQVXFBc5hqjaBh_vGVgk6Y2fzNzcgDYOUayBXBDEKPK3LH-4j8/s320/korean.jpg" height="20" title="Korean" align="absbottom"/></a>

Nah... Kode diatas adalah kode Translatenya, jika anda ingin menempatkan ke dalam widget, caranya adalah sebagai berikut;
- Masuklah ke BLOGGER dengan akun anda.
- Klik 'Tata Letak' pada blog yang akan anda tambah widget Translate
- Pastikan anda berada pada tab 'Elemen Laman'
- Klik 'Tambah Gadget'' pada lokasi yang anda inginkan untuk menempatkan Translate
- Pilih 'HTML/JavaScript'
- Copy - Pastekan kode diatas.
- Pastikan pekerjaan anda tersimpan, jika belum klik simpan.
- Lihat hasilnya...

Jika anda ingin menempatkan ke posisi bebas, perhatikan trik dibawah ini;
- Tambahkan kode <div id='translateku'> DIATAS kode utama.
- Tambahkan kode </div> DIBAWAH kode utama.
- Jadinya seperti ini;
<div id='translateku'> <a style="cursor: pointer;" 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 border="0" alt="English" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKe2kq__WKXRvmR6bb9eBiwU8FArETKLmbzmazfzMZyNV9FqlCOWL3Kro5EjONrTRzTncrO5Y0bAm8gkTASlpgHm01edXsePwAVoY3T7nE72UQmc9ZwjOHEPI65GIWDyOAYlSqgrs3HU8/s320/english.jpeg" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="French" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUtI33yYgU38T8ntkLw6EmJNbI7b8ALhQtEebGvukK0SKPw6UxA_qZONf-k5lJn65xXL_ML37ik_lT-PvOpzC6f_p038efeZhsmaqOFfTp1zDam6oHva5o_cdDIRS9FYMZqgelX8HZ5k8/s320/french.jpg" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="German" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA5xoVmVu_hjCSyG2FPLi32KlPySku6spi4z70Bdgg2xT1XNhLdOTbxPaccSiuwc2wc1W3OdZasx1ImWWLREmok_ejK-mchhLwBDcGte3oEymWfGqjm7xj1fyCyiiozGE_UGTwbrmD3pc/s320/german.jpg" height="20" title="German" align="absbottom"/> </a> <a style="cursor: pointer;" 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 border="0" alt="Spain" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjruv64NRQSVcI88GYB69s4lmOs4ljsaV0Q06-OqtxQUCYp5oEZGHswzDVwXaFv9EUNq6QRuz7H9F9sTJ_dfDsR1YgGWF6Oq5iwLL69HNnVrRu5Typn32Ll63wy1Uwq0I2hzdAXzbj6nAA/s320/spanish.jpg" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Arabic" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2EoD9M3xjs9qPDtszLPbtDD7qyARnIC3uTpC-lUfJySPtsC7Jw5sB-2DiE7d64WdpYmhOKZ-iFp3j_SRg9vbq4nFxVpygbJKxFNu9VE_ddt-zqiWvZpTnfAbnyLzzHudOjfBaXEQg1Eo/s320/arab.jpeg" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Chinese Simplified" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi61O8rIqJnknZLQvaZ9NgeZwpiqm0CeFii2e2bwLocZsNSRP73FKaSAXS7XTVEjWqvBUJqa_ZDYoFqfvGIVJPF1Mqp7Ag2iFSTCI-p9hr90Vvl_1bVelCJr-fXN4B8a3Bk1CPQaVleVNU/s320/china.jpg" height="20" title="Chinese Simplified" align="absbottom"/> </a><a style="cursor: pointer;" 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 border="0" alt="Italian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMxBROnprwVGLk7inRlAmfr3VySNU9zlb6WOF6kTii8cx59Vrh7nVh_BiQqHZ_drcO1gaxuwGITa4ORvdL-uUkv9MaoKIRpIaviLQtiWo8Xz18aF71yTIP3oqZS590ZiulFM36VkCE31I/s320/italian.jpg" height="20" title="Italian" align="absbottom"/> </a><a style="cursor: pointer;" 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 border="0" alt="Dutch" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCBw-tIBYdF7qSksqTilW8BByjcp547O2CRKA1BoRk5R_BAj6jyJBdFlml6v5DAYZhIR2xcFA3Ad9ORi0M-i0i2z_ZPJo9ei9-qjINbKAlxFLqaqHFM5KyxKFcWdgxvrFOu2SVH0X719I/s320/dutch.jpeg" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Russian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvZRv9Sy-WOw4eyEnDckuVGjM7b6LnsHwMqp7xw7VbiA2fxPKKuM2Jzlh2hlK5o01CaPEDUixXmsHSh9W2YqKcMZwpUgzMDm7dcFjhiRRKtqJseYPZQSZoSUbnKOs0DJaJbAw3wW0oCgw/s320/russian.jpeg" height="20" title="Russian" align="absbottom"/> </a><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdbg2LAxJVK73Pvob0CiCH2H8x35yCe7ZVPEbHrSmCxY1tuiN4_65Uy-HCHUSUmTyY46BbA6dYdVwolaIgXaTgfmBNO_77O8T2NueX0px3ltlyDzjKdR046IBDTUqs2jOzUiN7cTrlXQo/s320/brazilian.jpg" height="20" title="Portuguese" align="absbottom"/> </a><a style="cursor: pointer;" 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 border="0" alt="Japanese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2xrD-qeIeQxbUgtsaB5Pq6FgeUeYXwAl9qbJC5olTUAW_6U4dXF_UcVxfRygoYKraRXU1TQmToMxMD_RIQz7vy2wI46rN0sSyohsC4jWY_7Qt6AU_eCA1z0wZuJAq30hzslK07UjBz4o/s320/japan.jpg" height="20" title="Japanese" align="absbottom"/> </a><a style="cursor: pointer;" 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 border="0" alt="Korean" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHNFBCOcVHWAIkQIylH4KgVjhLFPZwEmwLuAag1DYqO1mxvJZ1D7-ShgUCdZTJsQUnFyW-f86OfPbWKdMd4EmnNbAtRUQVXFBc5hqjaBh_vGVgk6Y2fzNzcgDYOUayBXBDEKPK3LH-4j8/s320/korean.jpg" height="20" title="Korean" align="absbottom"/></a> </div>
- Letakkan kode lengkap diatas DIBAWAH kode <body>

- Kemudian, Buat kode semacam ini;
#translateku{ width:500; height:auto; z-index:1; position: absolute; top: 2px; margin-right:10px; float:right; }

dan letakkan DIATAS kode </b:skin>


Keterangan kode diatas;
top: 2px;         ==> 2 pixel dari atas halaman
right: 10px;    ==> 10 pixel dari kanan halaman
jadinya berada pada kanan atas halaman.
Ubah top menjadi bottom untuk mengubah menjadi berada di bawah halaman
Ubah right menjadi left untuk mengubahnya menjadi berada di kiri halaman

Kode height='15' pada kode utama adalah ukuran tinggi gambar bendera, silakan ubah sesuai selera, lebarnya akan menyesuaikan.
Perhatikan..! Jika gagal, mungkin anda perlu mengkonversi Kode Translate diatas di HTML To Text Converter, Copy pastekan kode yang telah jadi ke text area, klik encode. Setelah itu copykan hasilnya ke template sesuai petunjuk diatas.

Ingatlah bahwa paman google.com adalah web site dengan rangking alexa nomor 1, tentu ia-nya banyak fasilitas dan layanan dan selanjutnya adalah tergantung kita mau memanfaatkan jasa paman google.com atau tidak...?

Sekian, semoga bermanfaat