Follower Pojok

Tahap 1

1. Silahkan surfing ke  Google Friend Connect, Lalu masuk dengan
    account gmail anda.
2. Selanjutnya anda akan ke halaman Google friend connect .
    Pilihlah blog mana yang hendak anda pasang widget Followers-nya.
3. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"



4. Maka akan ke halaman kode script "Widget Followers".
    anda harus mengatur berapa lebar widget followers anda nantinya,
    lalu berapa jumlah sederetan wajah followers anda, juga bisa mengatur
    warna tampilan widget followers anda.

catatan: Usahakan lebar widget anda benar-benar cocok dengan bagian pojok blog anda,

5. Apabila Setting anda  sudah cocok klik "Buat Kode"

6. copy code tsb ke "notepad" atau di mana pun untuk digunakan di langkah tahap2


Tahap2

1. Login dulu ke akun Blogger anda
2. Klik pilihan Tata Letak => Edit HTML
3. Carilah kode tag ]]></b:skin> dan kalau sudah ketemu,
    letakkan kode berikut tepat di atas kode ]]></b:skin>

#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. Selanjutnya, carilah kode tag </body> dan letakkan kode berikut  
    tepat di atasnya

    <div id="followers-pojok">

                                  Simpan Code Widget Follower Tadi Disini

</div>

Contoh

<div id="followers-pojok">

<!-- 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-3373505607229667276" style="width:276px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-3373505607229667276',
site: '11591567978510271076' },
skin);
</script>

</div>

5. Klik simpan template. SELESAI....Sekarang Widget Followers anda ada di pojok^

Jika ada masalah, silahkan untuk meninggalkan pertanyaan anda di kotak komentar.

Semoga bermanfaat

Related Post: