Cara Membuat Twitter Fans Box Melayang

Unknown

Trik Blog

3 Okt 2013

Belum ada komentar

• Masuk ke Blogger >> Template >> Edit Html
• Centang Expand Widget Templates
• Cari kode </body> dengan menggunakan fungsi CTRL + F.
• Salin Kode Di bawah & simpan diatas </body>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script><script type="text/javascript">jQuery(document).ready(function() {jQuery(".tehtbox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-235"}, "medium");}, 400);});</script><style>.tehtbox{background:url(http://lh5.googleusercontent.com/-q9_zbB_3388/UCOvETdEQpI/AAAAAAAAA4o/F0CfR3hxuk0/s100/Twitter.png) no-repeat scroll left center transparent!important;float:right;height:250px;width:230px;z-index:99999;position:fixed;right:-235px;top:20%;padding:0 5px 0 40px}.tehtbox div{margin-right:-8px;border:3px solid #00bef6;background:#fafafa;padding:0}.tehtbox a{font-size:10px;margin-left:40px}</style><div class="tehtbox"><script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"><script type="text/javascript">fanbox_init("Yo2manth");</script></div></div>

• Anda juga dapat menambahkannya melalui Layout >> Add Widget >> Add HTML/Java Script >> masukan kode dan simpan...
• Ganti "Yo2manth" dengan username Twitter anda.
• Kode berwarna orange adalah kode jquerry. Jika sudah ada (versi terbaru) hapus saja. Tetapi jika yang ada versi terdahulu, hapus jquerry yang dulu.
• Click Save Template And See the Results !