cara memasang follow di pojok blog

sekarang saya mau membagi ilmu tenang bagaimana cara memasang follow di pojok blog
Selanjutnya mengatur dalam blog
Login ke Blogger klik Rancangan klik tab Edit HTML
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Carilah kode tag ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atasnya
#follower-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); }

Selanjutnya, carilah kode tag </body> dan letakkan kode berikut tepat di atasnya 
<div id='followers-pojok'> 
Letakkan kode Follower disini
</div>

Contohnya seperti berikut:
<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-5189983314532744622" style="width:160px;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'] = '#e1f6f9';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#f6feff';
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'] = '3';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-5189983314532744622',
site: '11210632367050294969' },
skin);
</script>
</div>

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

0 komentar:

Post a Comment

Powered by Blogger.

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Web Hosting Coupons