Sedang belajar ngeblog, 
kali ini mencoba memodifikasi script widget google translate
agar mudah dan simple cara pemasangannya. Widget google translator
seringkali diperlukan, khususnya blog yang bahasanya campuran antara
bahasa Indonesia dan bahasa inggris. Misalnya ada artikel-artikel paid
review. Jadi saat ada pengunjung dari luar negeri jika tertarik membaca
artikel bahasa Indonesia kita akan mudah mentranslatenya ke bahasa
mereka.
Widget ini biasanya berkode panjang, namun sudah dicoba untuk
memangkasnya agar sekecil mungkin namun bisa memunculkan beberapa opsi
tampilan, agar flexible untuk macam-macam template blog. Karena ukuran
sidebar tiap theme bisa berbeda-beda. Widget google translate ini bisa dipasang di platform apa saja, baik
situs, blog menggunakan blogspot, wordpress self hosting, joomla dan
lain sebagainya, asalkan bisa menggunakan javascript. Untuk layanan blog
gratis di Wordpress.Com, tidak bisa karena melarang penggunaan javascript. OK langsung pada cara pemasangan widget google translate
yang simple. Silahkan dipilih kode dibawah ini, pilih tampilan yang
tepat bagi template blog Anda. Misalnya bisa dipasang di footer, atau di
sidebar. Bisa dipasang via widget atau langsung dimasukkan ke template,
coba saja pasang dimana saja untuk percobaan, karena kodenya "ngumpul",
asal gak cocok bisa dipindah. Oya, salah satu keunggulan script ini adalah SANGAT RINGAN, lebih ringan dibanding bawaan blogger sendiri.
Ukuran kecil memanjang
<script type="text/javascript"
src="http://dns.warungbebas.com/4you/google_translate.js"></script><script
type="text/javascript">fswbgtranslate('15','10','
');</script><noscript><a
href="http://www.warungbebas.com/2010/10/cara-mudah-memasang-widget-google.html">Widget
Google Translate</a></noscript>
Ukuran besar memanjang
<script type="text/javascript"
src="http://dns.warungbebas.com/4you/google_translate.js"></script><script
type="text/javascript">fswbgtranslate('30','20','
');</script><noscript><a
href="http://www.warungbebas.com/2010/10/cara-mudah-memasang-widget-google.html">Widget
Google Translate</a></noscript>
Ukuran kecil jadi dua baris
<script type="text/javascript"
src="http://dns.warungbebas.com/4you/google_translate.js"></script><script
type="text/javascript">fswbgtranslate('15','10','<br>');</script><noscript><a
href="http://www.warungbebas.com/2010/10/cara-mudah-memasang-widget-google.html">Widget
Google Translate</a></noscript>
Ukuran besar jadi dua baris
<script type="text/javascript"
src="http://dns.warungbebas.com/4you/google_translate.js"></script><script
type="text/javascript">fswbgtranslate('30','20','<br><br>');</script><noscript><a
href="http://www.warungbebas.com/2010/10/cara-mudah-memasang-widget-google.html">Widget
Google Translate</a></noscript>
Copy kode masing-masing diatas yang dipilih, dan paste di blog Anda,
pasti akan keluar dan bekerja, untuk pemasangan kiranya Anda sudah bisa,
misal kalau blogspot bisa langsung sisipkan di HTML template atau bisa
di widget HTML/Javascript di elemen halaman. Anda bisa modifikasi juga ukuran gambar. Gambar asli berukuran 30 x
20 pixel, jadi bisa diperkecil sesuai selera. Saran saja, gunakan scala
yang tepat, tapi kalau mau dipaksa juga tidak apa-apa misalnya seperti
contoh dibawah ini, akan dipaksa berbentuk bujur sangkar gambarnya.
<script type="text/javascript"
src="http://dns.warungbebas.com/4you/google_translate.js"></script><script
type="text/javascript">fswbgtranslate('20','20','
');</script><noscript><a
href="http://www.warungbebas.com/2010/10/cara-mudah-memasang-widget-google.html">Widget
Google Translate</a></noscript>
Jadi tinggal mengubah angka pada kodenya, lihat warna biru diatas. Sengaja tanpa hiasan apa-apa agar bisa digunakan secara flexible, jadi akan menyatu dengan design keseluruhan seluruh template. 
Hanya disertai opacity dan jika disorot ada sedikit efek. Kesederhanaan
ini akan mudah menyatu, coba saja buktikan dengan coba memasang.
Hanya disertai opacity dan jika disorot ada sedikit efek. Kesederhanaan
ini akan mudah menyatu, coba saja buktikan dengan coba memasang. Sumber : http://www.warungbebas.com
0 komentar: