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.
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.
Setelah kita dapat code yang mirip diatas, kita bisa menambahkan script diatas atau sebelum code diatas tadi.
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.
Sumber : http://www.anymous.net
0 komentar:
Posting Komentar