Cara Membuat Tweet Box Melayang Pada Blog

Baiklah untuk tutorial  kali ini saya akan share artikel tentang bagaimana Cara Membuat Tweet Box Melayang (Floating) Di Blog ?. Sebelum kita Membuat widget ini , langkah pertama yang harus di tempuh adalah harus memiliki akun Twitter yang nantinya akan digunakan untuk mendapatkan widget following dan updates status pastinya. Dengan menggunakan Widget Tweet Box melayang di blog pastinya akan lebih menarik dan menghemat tempat sidebar blog kita. (sekalian promosi twitter hehehe).

nih contohnya :

caranya cukup singkat dan mudah. 

1. Login ke akun Blogger
2. Dashboard > pilih "Design/Tata Letak"
3. Lalu Klik "Add/Tambah Gadget" 
4. Kemudian pilih dan Klik "HTML/Javascript"
5. Terakhir copy kode script di bawah ini lalu pastekan pada "HTML/Javascript". Simpan. Dan Lihat hasilnya

<style type="text/css">.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEVJ1_3IUgeR-rpvY4rPg2SH3ZVUW5_wD_nmm1OWPihyphenhyphenPDX4VwM9LsqiwMihQe26KFP3ek2L8pY8WDeHriT3buZxVWMtTvznX7q-WhgfPCmx2AlsaddGUGKwc8IhDFoDQo_6NrtzLfOuSo//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXKjFnHO0oRhfqfaUFJzObsVfUlLxua1hfR0u80LA0iPP3mv2_3BDtLZ2b0_MW483Y2ZIp5OIn0cBI5cslrByedFjF-yWcuz3eo8wqYOMNSqkuZN03hE6GsxR3HeDUONHK_rEyl8ddVCXg//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}.barcontetwitter{margin:5px 0 0 47px}</style><div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'"><div class="barcontetwitter"><div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYAnLAycNIEXcj0xjuAqudMuQ3uT4qhKas2YkK8owRpWaLQ6I0Hpxs0tcHijZhFHhFsfpiedeVkRurrueshukQxERa6RC4zbMjWUjrx0m2YzpElDv8eI9UGy_lZxJY7rACFMeFPljBvaAv/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px"><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 10,interval: 3000,width: 230,height: 160,theme: {shell: {background: 'transparent',color: '#000000'},tweets: {background: 'transparent',color: '#000000',links: '#135a9e'}},features: {scrollbar: false,loop: true,live: true,hashtags: true,timestamp: true,avatars: true,behavior: 'default'}}).render().setUser('shalymansyur').start();</script></div><br /><div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;lang=en&amp;link_color=&amp;screen_name=shalymansyur&amp;show_count=&amp;show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div></div></div>

Selamat Tweet Box Melayangnya telah berhasil di pasang. Selamat Mencoba Semoga berhasil

Note : perhatikan username dari akun twitter anda...
 Succes With IT

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Membuat Tweet Box Melayang Pada Blog ini dipublish oleh Unknown pada hari Kamis, 29 Maret 2012. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Cara Membuat Tweet Box Melayang Pada Blog