Blog Valid Widget Followers

Diartikel sebelumnya,saya pernah menjelaskan tentang Belajar Membuat template blogspot valid XHTML.Sekarang yang akan saya jelaskan tentang cara buat valid XHTML Widget Followers Blogger.
Widget Followers Blogger berfungsi untuk mengikuti blog dari pengunjung agar lebih mudah mengupdate informasi yang tersedia pada suatu situs. Selain itu widget follow juga sebagai komunitas dan pengikat silahturahmi antara pengunjung dengan
admin sebagai pengguna blog. Ternyata widget followers bawaan dari blogger dideteksi oleh web master tidak valid XHTML

Jika anda merasa sangat membutuhkan widget followers dan tidak ingin menghapusnya,silakan ikuti langkah-langkah cara validasi widget followers berikut

1. Login ke Blogger Dasbor > Pilih Rancangan
2. Silakan klik Tambah Gadget > Pilih Pengikut (Follow)
3. Beri judul / nama followers, contoh blogdhika.com
**Jika anda sudah memasang widget followers pada blog sebelumnya, maka anda
langsung menuju pada halaman homepage anda.
4. Pada halaman Homepage blog silakan tekan Ctrl + U pada keyboard, maka akan muncul page source bahasa HTML situs anda. Perhatikan gambar dibawah ini dan cari kode yang mirip sebagai berikut :

Contoh Page Source Widget Followers

5. Salinlah kode valid followers dibawah ini terlebih dahulu kedalam notepad :

<div class="widget-content"><script
src="http://www.google.com/friendconnect/script/friendconnect.js"type="text/javascript"></script>




<div id="Id Anda" style="width: 100%; "></div>




<script type="text/javascript">var skin = {};skin['FACE_SIZE'] = '32';skin['HEIGHT'] =

"260";skin['TITLE'] = "www.blogdhika.com";skin['BORDER_COLOR'] =




"transparent";skin['ENDCAP_BG_COLOR'] =
"transparent";skin['ENDCAP_TEXT_COLOR'] =
"#000000";skin['ENDCAP_LINK_COLOR'] =
"#000000";skin['ALTERNATE_BG_COLOR'] =
"transparent";skin['CONTENT_BG_COLOR'] =
"transparent";skin['CONTENT_LINK_COLOR'] =
"#000000";skin['CONTENT_TEXT_COLOR'] =
"#000000";skin['CONTENT_SECONDARY_LINK_COLOR'] =
"#FFFFFF";skin['CONTENT_SECONDARY_TEXT_COLOR'] =
"#000000";skin['CONTENT_HEADLINE_COLOR'] = "#000000";skin['FONT_FACE'] =

"Arial";google.friendconnect.container.setParentUrl("/");google.friendconnect.container["renderMembersGadget"]({id:
"div-17c3ehlhw0eaa",height: 260,




site: "Id Followers Anda"

,locale: 'in'




},skin);</script></div>

- Kode <div id="Id Anda" style="width: 100%; "></div> Adalah id blog yang telah tersedia pada Blogger, jadi anda tinggal mengganti kode demikian dengan id followers dari page source tadi. jika anda masih ragu perhatikan bentuk gambar page source followers diatas

- Perhatikan kode yang berwarna cokelat ;

<script type="text/javascript">var skin = {};skin['FACE_SIZE'] = '32';skin['HEIGHT'] =

"260";skin['TITLE'] = "www.blogdhika.com";skin['BORDER_COLOR'] =

Kode tersebut adalah kode judul widget yang bisa anda rubah sesuai selera anda.

- Perhatikan kode yang berwarna biru berikut ini ;

site: "Id Followers Anda"

Silakan ubah kode tersebut yang diperoleh dari page source tadi. Jika anda ragu silakan lihat pada contoh gambar widget followers page source diatas.
6. Kemudian kita membuat elemen baru untuk meletakkan widget follower yang telah diedit tadi di notepad, Posisikan widget sesuai selera anda. Klik Dasbor Blogger > Klik Rancangan > Tambah Gadget > Pilih HTML/JavaScript
7. Save Widget Followers
8. Sekarang anda mempunyai 2 widget followers yang berbeda, silakan hapus widget follower bawaan blogger sehingga hanya ada satu widget hasil edit di sana.
9. Sekarang silakan cek HTML atau HTML5 Blog anda dibawah ini untuk mengecek
Valid Markup Validator di W3C

Check Markup Validation