-=_Ingat Waktu_=-

:Einzelkind™ Is Valid HTML5

follow

FOLLOW THIS BLOG

-= Radio =-

Sabtu, 25 Mei 2013

Membuat Floating Twitter Keren

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/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.

0 komentar:

Posting Komentar

 

Banner 468x60

Protected by Copyscape Duplicate Content Checker DMCA.com

Archieve