Cara Membuat Widget Followers Valid HTML5

Cara Membuat Widget Followers Valid HTML5 - Widget followers emang sangat dibutuhkan oleh para blogger seperti saya ini. Namun apabila sobat blogger yang mementingkan design dan HTML5, pasti akan sangat butuh tutorial ini.

Tetapi ada juga orang bilang kalau widget followers ini tidak bisa valid HTML5. Menurut saya tidak ada yang tidak mungkin didunia ini, dan jadilah seperti ini widget followerspun sekarang bisa valid HTML5.

Dibawah ini ada gambar saat dipage source

Ini contoh scriptnya :

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

Setelah kita dapat code yang mirip diatas, kita bisa menambahkan script diatas atau sebelum code diatas tadi.

<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"> </script>

Cara memasang
                     
1. Ke Layout
2. Add a Gadget - Cari HTML/JavaScript
3. Lalu masukkan code diatas (keseluruhan) kedalam widget tersebut.
4. Lalu simpan.