derap tutorial

Pasang Widget Followers Di Pojok Halaman Blog

Hi..Friends...Pada Pagi hari ini Saya akan berbagi tips memasang Widget Followers Di Pojok Halaman Blog,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:



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://picturestack.com/361/326/TRgUntitled1faj.png/>
LETAKAN DISINI  KODE SCRIPT  WIDGET FOLLOWERS
YANG TELAH ANDA AMBIL DI GOOGLE FRIEND CONNECT TADI!

</div><!-- END "div#followers-pojok" -->

:::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 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-8898707850282382576" style="width:190px;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin[FONT_FAMILY] = dicotmedium;
skin[ENDCAP_BG_COLOR] = transparent;
skin[ENDCAP_LINK_COLOR] = #cc33cc;
skin[ENDCAP_TEXT_COLOR] = red;
skin[CONTENT_LINK_COLOR] = green;
skin[CONTENT_TEXT_COLOR] = white;
skin[CONTENT_SECONDARY_LINK_COLOR] = #ff0000;
skin[NUMBER_ROWS] = 4;
google.friendconnect.container.setParentUrl(/ /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: div-8898707850282382576,
   site: 14682357742445077445 },
  skin);
</script>

Cukup sekian tutorial kita tentang Pasang Widget Followers Di Pojok Halaman Blog, dan Semoga Bermanfaat...dan Terima kasih sudah mau berkunjung. ^^