Tampilkan posting dengan label twitter. Tampilkan semua posting
Tampilkan posting dengan label twitter. Tampilkan semua posting

Widget Twitter Melayang Terbaru Untuk Blog

Widget Twitter Melayang Terbaru Untuk Blog

Banda Cyber - Hari ini saya akan berbagi sedikit Widget Tweet melayang untuk blog Blogger dan Wordpress Blog. Bila Anda memindahkan kursor di atas widget maka pop up tsb akan keluar dengan Widget Tweets yang melayang di samping. Ini adalah sebuah widget yang besar bagi Anda untuk meningkatkan pengikut twitter Anda.

Menambahkan Widget Tweets Untuk Blogger

* Pergi ke Dashboard >> Page Elements Desain.
* Klik Tambah Gadget. Pada jendela, pilih HTML / Javascript.
* Copy kode di bawah dan paste di dalam kotak.
* Klik tombol Simpan.

Menambahkan Widget Tweets Untuk WordPress

* Pergi ke Dashboard> Appearance> Widgets> Available Widgets.
* Drag widget Text ke sidebar.
* Paste kode ke dalam nya.
* Simpan.

<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#twitter_div{width:246px;height:353px;overflow:hidden;}#google_plus_div{width:152px;height:97px;overflow:hidden;margin-left:50px;margin-top:10px;}#knfeedburner_div{width:300px;height:97px;margin-top:25px;overflow:hidden;}#kakinetwork_div{width:300px;height:97px;overflow:hidden;}

#twitter_right{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;right:-250px;}#twitter_right_img{position:absolute;top:-2px;left:-35px;border:0;}

#kakinetwork_right{z-index:10003;border:2px solid #303030;background-color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_right img{position:absolute;top:-2px;left:-101px;}/* left side style */#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}#twitter_left{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;left:-250px;}#twitter_left_img{position:absolute;top:-2px;right:-35px;border:0;}
#kakinetwork_left{z-index:10003;border:2px solid #303030;background-
color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_left img{position:absolute;top:-2px;right:-101px;}

</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script>

<div id="on"><div id="twitter_right" style="top: 20%;"><div id="twitter_div"><img id="twitter_right_img" src="http://2.bp.blogspot.com/-fcEMbjMcVhI/UDzNfUCWxcI/AAAAAAAAAt4/p0lew_c7Sxw/s320/allbloggingtips.com-twitter-icon.png" /><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 260,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('bandacyber').start();</script></div></div></div>

</div>

Sekarang lihat Blog Anda, dan akan terlihat melayang di sisi kanan halaman web Anda. Saya harap Tweets Widget akan membantu Anda dalam meningkatkan jumlah Pengikut Twitter Anda. Itu saja. Jika Anda menghadapi masalah dalam Widget melayang terbaru maka jangan lupa komentar dan Jangan ragu untuk bertanya.
read more...
 

Copyright © Banda Cyber - All Right Reserved.