Cara Membuat Widget Followers Valid HTML - Apabila di blog anda mencantumkan widget followers atau pengikut, ternyata widget followers merupakan penyumbang error di W3C Validator. Namun error tersebut dapat diatasi sehingga widget followers menjadi valid xhtml. Simak cara memvalidkan widget followers dibawah ini.
Cara Membuat Valid HTML Pada Widget Followers
1. Login ke blogger
2. Pada dasbor, pilih Tata Letak => Tambah Gadget => pilih Followers => Simpan
3. Kalau sudah lalu di Homepage blog, tekan Ctrl + U
4. Lalu tekan Ctrl+F, cari kode seperti dibawah ini
<div id="div-6evus2elgixl" style="width: 100%; "></div><script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Pengikut";
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-6evus2elgixl",
height: 260,
site: "03387701153528504122",
locale: 'in' },
skin);
</script>
5. Copy kode followers anda dan simpan ke notepad
6. Lalu letakkan kode berikut diatasnya dan tambahkan kode
</div> untuk penutupnya<div class="widget-content">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
7. Penerapannya seperti dibawah ini
<div class="widget-content">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<div id="div-6evus2elgixl" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Pengikut";
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-6evus2elgixl",
height: 260,
site: "03387701153528504122",
locale: 'in' },
skin);
</script>
</div>
Keterangan :
Ganti kode warna biru dengan kode widget followers anda
8. Masuk ke Tata Letak => klik Edit widget follwer yang lama dan hapus dulu
9 Lalu klik Tambah Gadget dan masukkan kode followers yang anda copy tadi di notepad
Begitulah cara membuat widget followers valid xhtml di w3c validator, silahkan dicoba dan semoga pembahasan ini dapat bermanfaat.
