Wednesday, November 3, 2010

Mengganti Widget Follower Blogger

Dari hasil uji Valid XHTML lewat http://validator.w3.org, dinyatakan bahwa widget Follower default dari blogger tidak lolos uji kevalidan. Widget ini mengandung error alias cacat. Padahal, widget ini bisa dibilang sangat penting bagi blog kita kan? Lewat widget ini,kita bisa berinteraksi lebih jauh dengan para pembaca setia blog kita.

Adakah cara untuk mengatasinya? Jawabannya, ada. Kita bisa memakai kode asli yang dikeluarkan oleh google friend connect.

Perlu diketahui bahwa yang membuat widget follower ini error, adalah penambahan kode pemanggilan script, yang ditambahkan oleh blogger pada script asli google friend connect. Jadi tanpa adanya kode tambahan blogger tersebut, widget ini aman dan valid untuk dipasang pada blog kita.

1. Kunjungi situs http://www.google.com/friendconnect/ , dan loginlah menggunakan account gmail anda.

login-google-account

2. Klik pada banner Tambahkan Gadget Anggota

Tambah-gadget-anggota

3. Sesuaikan lebar widget dengan sidebar anda, berikut juga penggunaan font dan warnanya. Bisa dilihat pada live preview yang ditampilkan pada sebelah kanan halaman.

Live Preview Edit Tampilan

4. Kalau sudah klop, tekan tombol Buat Kode pada bagian bawah halaman.

membuat-kode-widget

5. Salin/copy kode yang diberikan oleh Google Friend Connect tersebut.

kode-widget-blogger

6. Beralih ke situs blogger. Masuklah ke menu Design/Rancangan, kemudian pilih Add a Gadget.

add-a-gadget

7. Pada halaman pop-up yang muncul, pilih HTML/Javascript dan masukkan kode yang diberikan oleh Google Friend Connect tadi.

memasukkan-kode-widget

8. Berikan judul widget sesuai dengan keinginan anda, lalu tekan tombol save.

9. Masuk ke menu Edit HTML, dan berikan tanda centang pada box Expand Widget Template.

menu-edit-html-blogger

expand-widget-template

10. Cari kode <b:include name='quickedit'/> , dan hapus semua kode tersebut dari template anda.

Sekarang widget Followers anda telah dinyatakan bersih, aman dan Valid XHTML. ^^

Artikel Terkait



3 comments:

  • Salam kenal, saya juga newbie...
    sarannya Langsung saya coba..
    http://ninjablack007.blogspot.com/

  • Gampang Dan Sukses
    tapi Saya Padukan Dengan CSS3
    hasilnya Bisa Di Lihat Di Blogku nurulimam.co.cc
    Klo Bisa Sekalian Follow Saya Yah !!!
    Hihihi

  • makasih infonya boz, dicoba gan

  • Post a Comment

     
    @Copyright 2008 - Angga Leoputra