Tempat Berbagi Berita, Cerita dan Derita

Kategori Yang Kalian Suka

Post ini diterbitkan pada : Thursday, November 4, 2010

Mengatasi Widget Followers Yang Tidak Valid XHTML

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.

Sebenarnya yang membuat widget follower ini menjadi error adalah kode pemanggilan script yang ditambahkan oleh blogger pada script aslinya. 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. ^^

Do you like this post? You can share it with your community..
Dapatkan update artikel lewat email

Artikel Terkait

4 comments:

ngga ad nemu kode di blog ak knp ya ??

Maksudnya..? ngga nemuin kode apa?

cara membuat yang beginian sob, bagai mana yah ???

judul postingnya berada di sini
Diposkan oleh Admin di 06:05 | Kamis, 02 Juni 2011 | 0 komentar
Label: lebel1
isi postingnya disini,

caranya gimana yah, makasih atas jawaban nya ,.,.

wah,obatnya ampuh gan.kapan2x kunjungi blog saya ya 8D

My Tweet

 
Site Meter
© 2008 Blogger Abstrak | Template by : O-zone | Owner : Angga Leoputra