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 :


Rahasia Cara Buat Valid XHTML & HTML5 Followers Blogger
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 ;


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

8 komentar:

Iskaruji dot com mengatakan...

Tips yang sangat menarik untuk mengurangi error template dengan membuat valid widget followers...nice share and happy blogging!

Admin mengatakan...

Terima kasih sob

Maya Yura mengatakan...

Ya ini artikel yang susah di cari,kebanyakan blog hanya memberikan informasi setengah-setengah.Tapi artikel anda memberikan informasi yang lebih dari cukup.
Hampir semua widget blogger akan error jika di periksa di w3c.Tetapi itu tidak bisa di jadikan sebagai patokan,bahwa semua widget blogger error.Terkadang template juga mempengaruhi,So kesimpulannya..ya pandai-pandailah memanipulasi error template yang di catat oleh w3c.

Ini ada pertanyaan,yang sangat di tunggu jawabannya oleh kebanyakan pengguna.

Pertanyaan para blogger:Untuk widget yang laen bagaimana biar valid?

Pertanyaan saya sendiri:Kalau untuk recent post biar valid gimana caranya?
1

Dhika mengatakan...

setuju mba
bahkan situs2 besar pun tidak memiliki blog yg valid

RISALAHATI™ mengatakan...

mumet emg kalo nurutin si w3,rewel bngeet

Kreativitas Ngeblog mengatakan...

Sulit nyari valid 100%, template saya error 34 di w3.org...

Mardianus Suwardi mengatakan...

Templete valid susah kerena perlu mengurangi beberapa style terutama bagi yang suku style..
tapi style juga membuat valid contohnya para penguna blogazine... :D :D

Ekiosku.com Jual Beli Online Aman Menyenangkan mengatakan...

Makasih tipsnya

Posting Komentar

 
Copyright © 2011 Andhika Hutomo Blogdhika.com. Powered by Blogger™