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

Widget

• Cara Membuat Widget Label Dua Kolom
• Follow Twitter Bird dengan Excellent Flash
• Cara Mempercantik Widget Profil
• Cara Mudah Membuat Tombol Share Melayang di Blog
• Buku Tamu Show/Hide Di Sidebar
• Cara Pasang Widget (Buku Tamu) Facebook
• NONTON TV | TV STREAMING ONLINE
• Cara Pasang TV Streaming Online Indonesia
• Cara Pasang Text Berjalan Recent Post dan Total Comment
• Cara menampilkan total post dan comment
• Cara Memasang Widget Follow Tersembunyi
• Agar amung.us pada widget sidebar tidak melayang
• Google Translate Versi Baru
• Menghilangkan Sidebar Saat Membuka Posting
• Cara Membuat Search Engine Di Blog
• Cara Membuat Related Post Thumbnail/You Might Also Like di blogger
• Cara Memasang Widget Animasi Entri Populer Pada Blog
• Cara Pasang Follow me Twitter di Blog
• Background Buku Tamu
• Pasang Counter Di Blog
• Cara Membuat Buku Tamu Blog Show/Hide di Bagian Atas
• Membuat Chatbox Bergaya Absolute Vertical Sliding Panel
• Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
• Cara mudah membuat Scroll pada widget

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.