Sunday, January 17, 2010

Tips Blogger: Kode HTML Translate Language

Google Translate Image
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;


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;

- Letakkan kode lengkap diatas DIBAWAH kode <body>

- Kemudian, Buat kode semacam ini;


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

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl Facebook
 

Artikel Terkait:

5 komentar:

Anonymous said...

txh tips nya

Unknown said...

ta coba ya masukkin di web site ku http://pusatcasio.blogspot.com/

Bitcoinku said...

thaks atas infonya....!! please kunjungan baliknya di tunggu...your video collection..!!! www.kubur.co.cc

dudu dirgahayu said...

bagus bngt tipnya sob,tapi ane mo nanya nih ada ga translate indonesia-sunda buat di blog,,ane pingin banget memasangnya di blog ane..
http://dudu-blogger-poetra-tasik.blogspot.com
thank's sebelumnya......

Unknown said...

thx infonya gan...
follow blog ane juga ya...
musikinfo1.blogspot.com
thx,....

Post a Comment

Sempurnakan posting diatas dengan meninggalkan komentar dibawah ini...

Donate

Klik untuk menjadi donatur

Followers

 
Ultimatech. Design by Wpthemedesigner.
Template Diupdate 2010 - Semoga hari ini menyenangkan ...!
PageRank Button

SEO Monitor