Cara Membuat Widget Followers Valid HTML

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.

Related Posts

seo

• Teknik SEO Yang Menyebabkan Traffic Blog Menurun dan Sepi Pengunjung
• Cara Menghapus Halaman Posting Yang Terindex Google
• Artikel Pilar Sebagai Kunci Kesuksesan Sebuah Blog
• Setting Tag Heading H1, H2, H3 Agar Seo Friendly
• Membuat Template Blogspot Menjadi SEO Friendly
• Cara Memperbaiki Tag Judul Duplikat di Google Webmaster Tools
• Cara Mengatasi Duplicate Meta Description dan Meta Content
• Cara Dapatin Backlink Berkualitas W3 Directory
• Targetkan Letak Geografis Supaya Dapat Bersaing di SERPs
• Cara Membuat Recent Post Valid HTML
• Cara Membuat Recent Comments Valid HTML
• Cara Membuat Widget Like Box Facebook Valid HTML
• Cara Membuat Widget Random Post Valid HTML
• Cara Membuat Blog Valid XHTML Di W3C Validator
• Mengatasi Warning: Missing Required Field "Updated"
• Cara Membuat Semua Link Eksternal Menjadi Nofollow
• Cara Membuat Comments Permalink Blogger Menjadi Nofollow
• Cara Membuat Label Blog Supaya Tidak Ikut Terindeks Google
• Cara Membuat Breadcrumbs Terindeks Google
• Cara Membuat Navigasi Breadcrumbs di Blogspot
• Cara Merubah Blog Nofollow Menjadi Dofollow
• Membuat Judul Postingan Ada Didepan Titel Blog
• Menghindari Duplicate Content dengan Memasang Rel Canonical