image Demam sepakbola Piala Dunia 2010 memang sudah merebah dimana-mana, baik tua-muda, pria-wanita semua tangah asyik membahas tim favoritnya beraksi di lapangan hijau.

Bagi seorang blogger, demam bola bisa menjadi sebuah ajang berkreatifitas melalui tulisan-tulisan, analisa dan komentar sepakbola di blognya sendiri. Namun ada juga yang mungkin sempat melupakan blog kesayangan (contohnya saya sendiri, hehe..) karena kesibukan kerjaan dan keasyikan memantau status kualifikasi PD 2010 di situs resmi FIFA.Com.

Ternyata Fifa.Com pun mengetahui keluhan blogger seperti saya, alhasil Fifa.Com telah merilis widget FIFA World Cup Qualifiers untuk para blogger sehingga status beserta berita-berita terkini seputar FIFA World Cup 2010 tahun ini tetap dapat dinikmati sembari mengisi blog, chating atau sekedar membalas komentar temen-temen di blog. “Nonton bola boleh, update blog jangan lupa..” kira-kira seperti itu mungkin intinya.

Dan inilah “FIFA World Cup Qualifiers” widget by FIFA.com

Follow your team to South Africa 2010. Choose your favourite side and receive updates with their latest news, results and photos.

 

Widget Code (versi WidgetBox):
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('9ddd11f6-253e-42e5-94d0-bd2270b548cc');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/fifaworldcup">FIFA World Cup Qualifiers</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

atau

Widget Code (versi “Fifa.Com”):

   1: <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzY*OTUyOTYyODEmcHQ9MTI3NjQ5NTMwMTEyNSZwPTExMjQxMjEmZD1md2NfZSZnPTImbz*4OGUxYTNkYjBlNmE*/ZWM2OTRiZDk*MTM2NzYwYWEzOSZvZj*w.gif" /><object  classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0 width="300" height="400" align="top" id="WFHost"> <param name = "FlashVars" value = "Partner=1124121&theme=New Classic&widgetW=300&widgetH=400&widgetX=0&widgetY=0&stickyType=&WFBtnX=0&WFBtnY=0&defaultPreviewURL=http://www.fifa.com/flash/widgets/worldcup/images/image_e.png&useFacebookMystuff=false&buttonURL=http://www.fifa.com/flash/widgets/worldcup/images/button.png&URL=http://www.fifa.com/flash/widgets/worldcup/main.swf%3Fteam%3Dned%26lang%3De" /><param name="wmode" value="transparent"/><param name="allowScriptAccess" value="always" /><param name = "movie" value = http://cdn.gigya.com/wildfire/swf/WildfireHost3.swf /> <embed name = "WFHost" id = "WFHost" width = "300" height = "400" src = http://cdn.gigya.com/wildfire/swf/WildfireHost3.swf     flashvars="Partner=1124121&theme=New Classic&widgetW=300&widgetH=400&widgetX=0&widgetY=0&stickyType=&WFBtnX=0&WFBtnY=0&defaultPreviewURL=http://www.fifa.com/flash/widgets/worldcup/images/image_e.png&useFacebookMystuff=false&buttonURL=http://www.fifa.com/flash/widgets/worldcup/images/button.png&URL=http://www.fifa.com/flash/widgets/worldcup/main.swf%3Fteam%3Dned%26lang%3De" AllowScriptAccess="always" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object> 

Cara pasangnya bagaimana? Silahkan disimak cara pemasanganya (untuk Blogger/Blogspot) adalah sebagai berikut:

  1. Login ke dalam www.blogger.com atau draft.blogger.com. Masukkan alamat email (gmail) dan password.
  2. Apabila sudah masuk ke blogger, Pilih Tab “Rancangan” dan kemudian pilih “Elemen Laman” apabila belum.
  3. Pada halaman layout blog tersebut, pilihlah “Tambah Gadget” dan Pilih model “HTML/JavaScript”.
  4. Apabila jendela gadget HTML/JavaScript telah keluar maka copy/paste code tersebut diatas ke bagian isi gadget/widget. Untuk kolom judul silahkan sesuaikan dengan keingginan anda, kosong juga boleh.
  5. Setelah itu klik “Simpan” dan klik “Lihat Blog” apabila proses penyimpanan telah selesai untuk melihat hasilnya.

Ingat: sebelum melakukan perubahan apapun ke dalam template blog, sebaiknya anda membuat backup-copy template blog, sehingga apabila terjadi ketidaksesuaian atau masalah timbul anda dapat merestorasi ke dalam format yang sebelumnya.

  • image 
  • image
  • image

Hasilnya seharusnya kurang lebih adalah seperti ini:

image 

Intinya cukup copy-paste salah satu code diatas ke gadget HTML blog blogspot kamu dan lihat hasilnya. Selamat mencoba, tks (ari)..

Creative Commons License You may share this document under Creative Commons License – Terima kasih telah membaca tulisan ini. © 2011 Ari Sulistiono, Indonesian Electrical Engineer.