OK langsung saja kita mulai Cara Membuat Tweet Box Melayang (Floating) Di Blog. Pada Tutorial ini saya akan mengkombinasikan Tweet Box Melayang dengan Twitter Counter di Blog.

Langkah-Langkahnya: 

1.  Pergi ke TKP (http://twittercounter.com/)lalu sign in Twitter Account anda

2.  Jika sudah Lalu klik My Widget, Lalu Klik Widget Setting and Code, sesuaikan dengan selera dan tampilan blog kita, jika sudah pas lalu copy kode script widget yang telah disediakan

3.  Lalu letakkan/pastekan di dalam kode script di bawah ini:

<style type="text/css">
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPVyN_xrsM59tYt5COTOU-RyZlv3GwYGSXvz_ByNquQU4G9g4b_Z0yD4EYpwR9pdoeNMyrWbKZ7zaloVLGes_abZT6Dk-jznuT2oectG3n-tWWFbQ3YqKGXMiEKyy9QcmR3yvP6BN6HwsI/');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/AVvXsEiq2AOtWKVUyLqoSot9JxLwlnTjWu8oAQlPeB574S2DQ4GPUR22Qhs7TZclcLI_yxx78Cb-tA76pe4g4nA8symBgsvZwdGAMy-YQWR9_nqd8U1KBeMuoJx5z9FXvlYyMUIPiS891qlfoH_-/');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">
PASTEKAN KODE SCRIPT TWITTER ANDA DI SINI
</div>
</div>