Modifikasi Widget Followers Pada Blog

Senin, 16 Desember 2013

Modifikasi Widget Followers Pada Blog

Selamat siang...

Postingan kali ini saya buat untuk membantu temen-temen yang ingin memodifikasi widget followers pada blog nya sehingga menjadi lebih menarik.

Sebenarnya, untuk memodifikasi warna dan lain sebagainya cukup hapus tanda centang pada bagian "Gunakan Gaya Template Default" saat kalian menambahkan widget followers bawaan blogger seperti gambar dibawah ini.

Namun, bukan hanya untuk alasan itu saja hal ini menjadi perlu untuk dilakukan, karena dengan memodifikasi nya pula maka blog akan lolos (pada bagian ini) saat validasi HTML 5. Jadi, bisa dikatakan kita melakukan satu hal untuk dua manfaat, hehehe...

Ok, langsung saja :

1. Login ke blogger.

2. Pilih Tata Letak - Tambahkan Gadget - HTML/Javascript.

3. Masukkan script dibawah ini :

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-13f90a5odka7x" style="width:auto;border:none;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin[BORDER_COLOR] = #D580FE;
skin[ENDCAP_BG_COLOR] = #FEBFBF;
skin[ENDCAP_TEXT_COLOR] = #000;
skin[ENDCAP_LINK_COLOR] = #0000cc;
skin[ALTERNATE_BG_COLOR] = #33FF00;
skin[CONTENT_BG_COLOR] = #FFFFFF;
skin[CONTENT_LINK_COLOR] = #0000cc;
skin[CONTENT_TEXT_COLOR] = #1919B3;
skin[CONTENT_SECONDARY_LINK_COLOR] = #7777cc;
skin[CONTENT_SECONDARY_TEXT_COLOR] = #666666;
skin[CONTENT_HEADLINE_COLOR] = #FF0000;
skin[NUMBER_ROWS] = 4;
google.friendconnect.container.setParentUrl(/ /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: div-13f90a5odka7x,
   site: 14360626934896265745 },
  skin);
</script>

4. Simpan.

5. Enjoy. dad

Coba lihat kode yang saya beri warna ungu dan warna biru, yang mana kode tersebut dapat dilihat pada blog kalian dengan cara berikut :

1. Klik kanan dan pilih "View Page Source" atau dengan menekan CTRL+U.

2. CTRL+F dan cari kode " renderMembersGadget ".

3. Copy paste kode yang diberi kotak sesuai gambar dalam script diatas.

Terima kasih dan semoga bermanfaat...

nGe Hank

Senin, 16 Desember 2013

Modifikasi Widget Followers Pada Blog

Tidak ada komentar:

Posting Komentar