Sabtu, 29 Juni 2013

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.
Cara Membuat Widget Followers Valid HTML5
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

Cara Membuat Widget Followers Valid HTML5

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.

Sumber : http://www.anymous.net

0 komentar:

Poskan Komentar