Membuat widget follower valid XHTML

Widget follower atau pengikut bawaan blogger ternyata tidak valid XHTML. Untuk membuatnya menjadi valid XHTML, kita harus membuat widget follower dari page source widget follower bawaan blogger, berikut ini caranya :

1. Buka halaman blog anda

2. Klik kanan mouse >> view page source >> cari kode seperti di bawah ini :

<div class="widget-content"><script src="http://www.google.com/friendconnect/script/friendconnect.js"type="text/javascript"></script>
<div id="div-15vz91xdgcd5n" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "200";
skin['TITLE'] = "";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";

skin['ENDCAP_TEXT_COLOR'] = "#ffffff";
skin['ENDCAP_LINK_COLOR'] = "#ff8000";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#ff8000";
skin['CONTENT_TEXT_COLOR'] = "#ffffff";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FF8000";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#ffffff";
skin['CONTENT_HEADLINE_COLOR'] = "#ffffff";
skin['FONT_FACE'] = "normal normal 100% \x27Trebuchet MS\x27,Verdana,Arial,Sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-nznv300jljd2",
height: 200,

site: "00813396561607180337"
,locale: 'in'

},skin);</script></div>

Kode di atas saya ambil dari page source LUVitac BLOG. Anda juga bisa mengcopy kode di atas, tetapi gantilah kode yang berwarna merah dengan kode dari page source blog anda.

3. Login akun blogger >> pilih tata letak >> tambah gadget >> pilih HTML/Javascript.

4. Paste kan hasil copy dari kode tadi, beri judul pengikut atau follower.

5. Simpan.

6. Coba buka blog anda. Ada dua widget follower di halaman blog anda. Yang satu widget bawaan blogger, yang satunya lagi widget follower yang baru saja anda buat.

7. Hapus widget follower bawaan blogger.

8. Jangan lupa untuk menghapus kode <b:include name=’quickedit’/> dengan membuka edit HTML template.

Membuat widget follower valid XHTML

1 Response to "Membuat widget follower valid XHTML"