Cara Memasang Widget Followers di Pojok Blog

Langkah Pertama :

1. Silahkan surfing ke akun (DISINI) milik anda (usahakan anda dalam keadaan online/login akun Google atau Blogger anda).
2. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"
    Lihat Gambar dibawah :

3. Silahkan diatur ukuran, warna  dll nya..
4.  Klik "Buat kode"

5.  Silahkan Copy kodenya, dan ikuti langkah selanjutnya.
6.  Ambillah kode tersebut, lalu paste-kan ke "notepad" atau di mana pun untuk digunakan di langkah 2.


 Langkah Kedua:

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Carilah kode ]]></b:skin> kalau sudah ketemu, letakkan kode berikut tepat di atas :

 #followers-pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

7. Setelah itu Cari kode </body>, kemudian letakkan kode berikut tepat di atasnya :

<div id="followers-pojok">
<img src='http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/template-GR/followV36H100.gif'/>
LETAKAN DISINI  KODE SCRIPT  WIDGET FOLLOWERS
YANG TELAH ANDA AMBIL DI GOOGLE FRIEND CONNECT TADI!

</div>

NB:
- Untuk tulisan yang Bercetak berwarna merah,adlh URL Gambar, dan dapat sobat ganti sesuka hati anda ..
- dan teks yang berwarna orange, sobat ganti dengan KODE SCRIPT  WIDGET FOLLOWERS. yang sudah didapat dari Google Friend connect tadi.

8. Save

TAMBAHAN Jika anda ingin memasang Script Widget Followers Transparent, maka sobat pkai script ini. cukup mengganti ID NYA dengan ID FOLLOWER sobat. yang berwarnah merah, berikut kodenya

<!-- Include the Google Friend Connect javascript library. -->
<script src='http://www.google.com/friendconnect/script/friendconnect.js' type='text/javascript'/>
<!-- Define the div tag where the gadget will be inserted. -->
<div id='div-6318912724143676118' style='width:180px;'/>
<!-- Render the gadget into a div. -->
<script type='text/javascript'>
var skin = {};
skin[&#39;FONT_FAMILY&#39;] = &#39;Comic sans MS&#39;;
skin[&#39;ENDCAP_BG_COLOR&#39;] = &#39;transparent&#39;;
skin[&#39;ENDCAP_TEXT_COLOR&#39;] = &#39;#FFFF00&#39;;
skin[&#39;ENDCAP_LINK_COLOR&#39;] = &#39;#FF6347&#39;;
skin[&#39;ALTERNATE_BG_COLOR&#39;] = &#39;transparent&#39;;
skin[&#39;CONTENT_BG_COLOR&#39;] = &#39;transparent&#39;;
skin[&#39;CONTENT_LINK_COLOR&#39;] = &#39;#9ACD32&#39;;
skin[&#39;CONTENT_TEXT_COLOR&#39;] = &#39;#FF6347&#39;;
skin[&#39;CONTENT_HEADLINE_COLOR&#39;] = &#39;#FF6347&#39;;
skin[&#39;NUMBER_ROWS&#39;] = &#39;4&#39;;
google.friendconnect.container.setParentUrl(&#39;/&#39; /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: &#39;div-6318912724143676118&#39;,
   site: &#39;16127201923638534173&#39; },
  skin);
</script>

♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's

Related Post