Memvalidkan Widget Followers / Pengikut

Widget followers / pengikut bawaan blogger ternyata setelah dicek di W3 Validator merupakan salah satu penyumbang error / tidak valid. Bagaimana cara membuat valid xhtml pada widget followers, simak tutorialnya dibawah ini.

cara membuat valid xhtml pada widget followers

Cara Memvalidkan Widget Followers / Pengikut
1. Buka blog anda
2. Pilih Tata Letak
3. Pilih Tambah Gadget
4. Pilih Followers
5. Simpan

Untuk melihat kode followers anda yang baru ditambahkan silahkan pergi ke halaman utama blog anda dan tekan Ctrl + U lalu tekan Ctrl + F dan cari kode yang mirip dengan kode seperti dibawah ini

<div id="div-ycz2j897kygf" 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-ycz2j897kygf",
     height: 260,
   
   
   
     site: "05834779053438164560",
   
     locale: 'in' },
     skin);
  </script>

6. Copy kode widget followers anda ke notepad dan letakkan kode dibawah ini diatasnya

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


7. Dan tambahkan kode penutupnya yaitu kode </div>
8. Jadi penerapannya seperti ini

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

<div id="div-ycz2j897kygf" 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-ycz2j897kygf",
     height: 260,
    
    
    
     site: "05834779053438164560",
    
     locale: 'in' },
     skin);
  </script>
  </div>

Keterangan : silahkan ubah kode warna kuning dengan kode followers anda

9. Pergi ke Tata Letak => Edit Widget Followes lama lalu pilih hapus
10. Lalu pilih tambah gadget dan masukkan kode followers yang baru

Demikianlah cara membuat widget followers / pengikut valid, semoga bermanfaat.
 
Copyright © 2015 Ermawati - All Rights Reserved
Template By Kunci Dunia