Asalberbagi.com | Cara Membuat twitter Recent tweets Floating keren Di blog - membuat recent tweets super keren diblog, widget recent tweets dengan floating diblog, widget recents tweets pop up terbaru,
Seblumnya saya sempat posting tentang "widget Follower twitter keren untuk blog blogger". Sebelumnya saya pernah share sebuah widget sederhana untuk sidebar.Dan halaman ini saya share tentang Widget terbaru Tweets Untuk Blogger dan juga bisa digunakan di wordpress tentunya . Bila Anda memindahkan kursor di atasnya maka akan muncul pop atau keluar dengan Widget Tweets yang melayang . Ini adalah sebuah widget yang sangat bermanfaat bagi Anda untuk meningkatkan pengikut twitter dan pastinya akan memaksa pengunjung untuk mengikuti twitter anda Anda hehehe.
Di bawah ini saya akan menunjukkan kepada Anda bagaimana untuk menambahkan Widget Mengambang /Melayang Popular Tweets Terbaru Di Blogger dan Wordpress.
Cara Menambahkan Widget Popular Terapung Terapung terbaru Tweets.
Menambahkan Widget terbaru Tweets Untuk Blogger
- Pergi ke Dashboard blogger>> Page Elements Desain.
- Klik Tambah Gadget A. Pada jendela, pilih HTML / Javascript.
- Copy kode berikut dan tempel di dalam kotak.
- Klik tombol Simpan.
Menambahkan Widget terbaru Tweets Untuk WordPress
- Pergi ke Dashboard wp> Appearance> Widgets> Widget yang Tersedia.
- Tarik widget Text ke sidebar.
- Paste dalam kode.
- 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigc0qQ4yyW-GsyQd7UIRRfuruOCE6XQpDS4L58BO2M3U8JC0Idicv_2MdCYJWxk3NtiRrtu2L5mnliHXri3NXWKEfm0jI4kVN8Z2Tfiu6QwoGDQZ4ngBtV5zpvYdxWmzaojIiTfDS07Mw/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('allbloggingtips').start();</script></div></div></div>
</div>
- Kemudian anda hanya perlu mengganti 'allbloggingtips dengan user name twitter anda
- Save seperti biasa .
Kemudian Untuk melihat hasilnya Kunjungi Blog Anda dan lihat widget tersebut mengambang di sisi kanan halaman web Anda. Saya harap artikel "Cara Membuat twitter Recent tweets Floating keren Di blog" ini akan membantu Anda dalam meningkatkan jumlah Pengikut Twitter Anda. Itu saja. Jika Anda menghadapi masalah dalam Mengambang Widget Mengambang terbaru Tweets maka jangan berhenti hanya drop komentar Anda dan Jangan ragu untuk bertanya.
