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.
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/AVvXsEiZGfbk0OrItYUm854SfloFp5giFTYwQktF0lsZzhkB5UNWmyYZ1H3OY_zmgNN2NofiyLBE5hQgDOk8C81zyJrbBn5joRWAezRr36WP4glB-L1qpuB6btfOjoFXdgTxhVt_nPOrBz-YAzY/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('riedhows').start();</script></div></div></div>
</div>
- Kemudian anda hanya perlu mengganti 'riedhows 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.
Backlink Please !
URL |
Code For Forum |
HTML Code |
0 komentar:
Posting Komentar