Mempercantik Tampilan Dengan Gadget
Mempercantik Tampilan Web atau Blog Anda Menggunakan Google Gadget
Submitted by quantumbox on Mon, 09/08/2008 – 15:30
Gambar jam di sebelah kanan web ini adalah salah satu dari banyak sekali contoh dari Google Gadget. Dengan mengunakan Google Gadget anda dapat menampilkan sebuah animasi yang rumit sekalipun tanpa harus mengetahui bagaimana membuat animasi menggunakan Flash. Anda hanya perlu copy paste sebaris script html kedalam html website Anda.
Disamping itu pula anda tidak perlu upload file flash ke webserver anda, dengan demikian anda tidak menghabiskan jatah bandwidth webserver gratisan anda, he he he… File flash di download lansung dari server google atau dari web yang membuat google gadget. Lho kok bisa begitu? Ya karena google gadget tidak hanya dibuat oleh google saja tetapi ada juga yang dibuat oleh pihak ketiga (third party). Untuk membuat gambar jam seperti di halaman depan anda cukup copy paste html berikut kedalam file html website anda. Untuk CMS maupun Blog mungkin memiliki cara tersendiri untuk menyisipkan potongan script html.
<script src=”http://www.gmodules.com/ig/ifr?url=http://www.matt.org/modules/GoogleClock.xml&up_vsize=150px&synd=open&w=150&h=150&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js”></script>
Jam Google hanya salah satu dari berbagai macam google gadget. Penulis sendiri belum sempat mencoba semua google ganget yang ada. Untuk selanjutnya penulis menyerahkan kepada pembaca untuk mencobanya. Berikut adalah langkah-langkah untuk mendapatkan script html Google Gadget.
Pertama buka halaman Google gadget disini http://www.google.com/webmasters/gadgets/
Kemudian klik lnk yang bertuliskan Add gadget to your webpage
Dihalaman berikutnya klik tombol I Want Gadget
Berikutnya anda akan melihat banyak sekali screenshot dari google gadget, pilih salah satu dengan cara klik tombol Add to your web page dibawah screenshot Google Gadget
Selanjutnya anda akan melihat langsung secara utuh dari google gadget yang telah berfungsi. Dihalaman ini anda dapat mengkostumisasi tampilan google gadget agar lebih spesifik dan sesuai dengan tampilan web anda. Parameter-parameter yang ada di halaman ini tentunya akan berbeda untuk masing-masing gadget, jadi penulis tidak dapat memberikan tutorial secara rinci dalam mengatur parameter ini. Silahkan anda coba-coba sendiri dan lihat hasilnya secara langsung.
Klik Preview Changes untuk melihat perubahan yang terjadi setelah anda mengubah paramaternya
Selanjutnya Klik Get the Code untuk mendapatkan script htmlnya.
Dan yang terakhir Copy dan paste code html tersebut kedalam html web anda. Ingat bahwa google gadget hanya bisa muncul jika website online. Jika anda menjalankan website pada Localhost yang tidak terhubung dengan internet seperti Wampserver, maka google gadget tidak akan muncul.
Untuk pengguna CMS drupal anda sebaiknya menyisipkan Google Gadget kedalam sebuah Block. Klik menu Administer kemudian Klik Blocks. Buatlah Block baru dengan klik Add Block. Beri Nama dan Titlenya kemudia paste code html google gadget di block body. Ingat untuk mengubah input format kedalam full html. Simpan kemudian aturlah letak dimana anda ingin menampilkan google gadget tersebut.
0 comments:
Post a Comment