Dapet lagi artikel tutorial mengenai translator. Jika mau ngacak-ngacak postingan trik/tutorial di Blog Beben si bloglang anu ganteng kalem tea yang serupa, silahkan ketikan keyword berkaitan pada kotak search yg tersedia :D Datang dari web Ampercent langganan mencari ide² dapet deh "Add Language Translation To Your Website Using Google Translate AJAX API" Kelebihan dari trik ini kita bisa mengcustome tampilan translator dari embah google ini sob. Jadi kelihatan full stylish, dinamis, praktis dan melankolis :P Kalau cara lama untuk mengambil kode translate dari mbah google ini silahkan pregi ke halaman Tools Google Translate dan lakukan edit seperlunya. Cuman kalau menggunakan kode default cara lama tersebut maka akan tampak tulisan widget by google!!! seperti ini
Sekarang bisa kita hilangkan, malah dirubah sesuai dengan kemauan dengan sedikit kode CSS :D Karena kode dan script diambil langsung dari Google Analytics yg kita miliki, memberi warna tersendiri pada karya ini ;)) Mari ikuti langkah-langkahnya, awas jangan lupa kopi ama cemilannya [..]
Bye :-h
Sekarang bisa kita hilangkan, malah dirubah sesuai dengan kemauan dengan sedikit kode CSS :D Karena kode dan script diambil langsung dari Google Analytics yg kita miliki, memberi warna tersendiri pada karya ini ;)) Mari ikuti langkah-langkahnya, awas jangan lupa kopi ama cemilannya [..]- Login terlebih dahulu ke account Google Analytics sobat dan klik tulisan View Report, pada blog/web yg akan dipasangkan nanti. Lalu perhatikan panel sebelah kiri cari tulisan Visitors, lalu diklik cari kembali tulisan Languages, klik kembali. Maka akan terlihat berapa macam bahasa yg ternyata sering digunakan oleh pelancong ke blog kita :)
- Kopi pastekan script berikut sebelum tag </body>
- Sisipkan kode HTML ini sebagai pemanggil script diatas kedalam tag <body> template sobat. Jika sobat bisa berkreasi sendiri dimana mau diletakannya bisa juga kok. Tinggal sebisa-bisanya sobat saja.
- Untuk merubah dan menghilangkan Powered/Widget by Google, sobat masukin CSS berikut diatas tag ]]></b:skin>
- Save dan lihat hasilnya \m/
<script type='text/javascript'>
//<![CDATA{
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id',
includedLanguages: 'en,de,fr,it,es,pt,ru,', //enter the language codes obtained from step 1 and delete this comment
gaTrack: true,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
//]]>
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Gantikan script berwarna merah sesuaikan dgn web/blog sobat menggunakan jenis bahasa apa, dan script berwarna biru itu dg kode bahasa yg sering dipakai dari google analytics tadi ;;) Kalau mau memilih kode bahasanya sesuai kalian-kalian, nih sikat deh ah//<![CDATA{
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id',
includedLanguages: 'en,de,fr,it,es,pt,ru,', //enter the language codes obtained from step 1 and delete this comment
gaTrack: true,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
//]]>
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Daftar kode bahasa terjemahan.
Daftar berikut ini menyediakan semua bahasa terjemahan dan kode bahasa yang didukung oleh API.
| Language | Code | Language | Code | |
| AFRIKAANS | af | ITALIAN | it | |
| ALBANIAN | sq | JAPANESE | ja | |
| ARABIC | ar | KOREAN | ko | |
| BELARUSIAN | be | LATVIAN | lv | |
| BULGARIAN | bg | LITHUANIAN | lt | |
| CATALAN | ca | MACEDONIAN | mk | |
| CHINESE | zh | MALAY | ms | |
| CHINESE_SIMPLIFIED | zh-CN | MALTESE | mt | |
| CHINESE_TRADITIONAL | zh-TW | NORWEGIAN | no | |
| CROATIAN | hr | PERSIAN | fa | |
| CZECH | cs | POLISH | pl | |
| DANISH | da | PORTUGUESE | pt | |
| DUTCH | nl | PORTUGUESE_PORTUGAL | pt-PT | |
| ENGLISH | en | ROMANIAN | ro | |
| ESTONIAN | et | RUSSIAN | ru | |
| FILIPINO | tl | SERBIAN | sr | |
| FINNISH | fi | SLOVAK | sk | |
| FRENCH | fr | SLOVENIAN | sl | |
| GALICIAN | gl | SPANISH | es | |
| GERMAN | de | SWAHILI | sw | |
| GREEK | el | SWEDISH | sv | |
| HAITIAN_CREOLE | ht | TAGALOG | tl | |
| HEBREW | iw | THAI | th | |
| HINDI | hi | TURKISH | tr | |
| HUNGARIAN | hu | UKRAINIAN | uk | |
| ICELANDIC | is | VIETNAMESE | vi | |
| INDONESIAN | id | WELSH | cy | |
| IRISH | ga | YIDDISH | yi |
<div id="google_translate_element"></div>.goog-te-gadget-simple {
background-color:#F5F5F5;
border:none;
font-size:13px;
}
//hides the image in the widget
.goog-te-gadget-simple img {
display:none;
}<style>
.goog-te-gadget-simple {
background-color:#F5F5F5;
border:none;
font-size:13px;
}
//hides the image in the widget
.goog-te-gadget-simple img {
display:none;
}
</style>
<script type='text/javascript'>
//<![CDATA{
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id',
includedLanguages: 'KODE BAHASA ISIKAN DIPISAH DENGAN KOMA,', //enter the language codes obtained from step 1 and delete this comment
gaTrack: true,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
//]]>
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div id="google_translate_element"></div>
Bye :-h
Loading... |
3 comments
DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...