buat twitter melayang
Cara Membuat Twitter Box Melayang di Blog :
1. Silahkan buat terlebih dahulu tampilan widget tersebut di http://twittercounter.com/
2. Login dengan menggunakan akun Twitter anda.
3. Jika sudah Lalu klik My Widget, Lalu Klik Widget Setting and Code, sesuaikan dengan selera dan tampilan blog kita, jika sudah cocok lalu copy kode script widget yang telah disediakan.
4. Masuk ke Blogger.
5. Pilih Dashboard, lalu klik Layout / Tata Letak.
6. Tambahkan Gadget Baru dengan klik Add a Widget / Add a Gadget.
Sesuaikan dengan posisi letak yang ingin anda pasang.
7. Pilih HTML/Javascript.
8. Ganti kode warna merah pada script berikut ini dengan kode yang tadi diperoleh dari twittercounter.com
<style type="text/css">
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5HnREqU3fUxBpcSqOtJyTH28Em29IfilNj1EBQ8I1CRHvCT6QySv1eHDhBj_zM75bqo7P2i5NfKlFAsrZPiDkxJ2Itj6rY66XmW0aQk-dTLwXjDnzh6NBJuSgXVc-X9u3lzhjWEQQr978/');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/AVvXsEh6C6ZR1UmTgB4292x0rwRziYVcWOkdbjBMc_yx-K536V9F5EBCDQLce-ZzipKhC7fQ83RBx2Hme7dwsVuwy0cL2Y9D8nBR8fhumt5G8xK5dh6Q1J3GxlAoCmd6SuACpFa6pTw5FngP9QjJ/');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 SRIPT TwitterCounter
</div>
</div>
9. Setelah anda ganti, copy semua kode yang telah digabungkan dengan twittercounter diatas.
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5HnREqU3fUxBpcSqOtJyTH28Em29IfilNj1EBQ8I1CRHvCT6QySv1eHDhBj_zM75bqo7P2i5NfKlFAsrZPiDkxJ2Itj6rY66XmW0aQk-dTLwXjDnzh6NBJuSgXVc-X9u3lzhjWEQQr978/');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/AVvXsEh6C6ZR1UmTgB4292x0rwRziYVcWOkdbjBMc_yx-K536V9F5EBCDQLce-ZzipKhC7fQ83RBx2Hme7dwsVuwy0cL2Y9D8nBR8fhumt5G8xK5dh6Q1J3GxlAoCmd6SuACpFa6pTw5FngP9QjJ/');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 SRIPT TwitterCounter
</div>
</div>
10. Masukkan ke dalam kotak HTML/Javascript di Blogger tadi.
11. Save Widget.
Maka pada halaman anda, telah terpasang box twitter melayang di blog.
Source : abufarhan
Comments
Post a Comment