Cara Memasang Widget Followers di Pojok Blog

Hi..Friends...Kali ini Saya akan berbagi tips memasang widget Follwers dipojok halaman blog,dimana pada postingan saya sebelumnya pernah juga membahasa 'Cara Memasang Widget Follow Tersembunyi 'baiklah Sebelum kita membahas bareng mengenai trik ini, ada baiknya teman-teman tahu terlebih dahulu mengenai trik ini=> Trik ini sebenarnya sama saja dengan trik "Membuat Gambar Hidup Di Pojok Halaman Blog", hanya saja kita akan menggunakan pihak ketiga sebagai pendukung trik ini, yaitu widget dari Google Friend connect.

Bagi teman-teman yang tertarik untuk menerapkan trik ini ke blognya, silahkan untuk memperaktekkannya melalui langkah-langkah berikut:

LANGKAH PERTAMA : 

1. Silahkan surfing ke akun [http://www.google.com/friendconnect] 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 :

1. Pastikan login Blogger terlebih dahulu
2. Klik pilihan Tata Letak => Edit HTML
3. 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); }

4. 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>

:::Keterangan :
- 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.

5. Klik simpan template. SELESAI....

TAMBAHAN Jika sobat 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-799819916365030562' 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-799819916365030562&#39;,
   site: &#39;06452909826300008353&#39; },
  skin);
</script>

Semoga Bermanfaat...dan Terima kasih sudah mau berkunjung di blog saya ini.

Share this history on :

Tweet

Title : Cara Memasang Widget Followers di Pojok Blog
URL : http://blogcunayz.blogspot.com/2011/07/cara-memasang-widget-followers-di-pojok.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Cara Memasang Widget Followers di Pojok Blog sebagai Sumbernya.