Tutorial pasang floating follower

tutorial sebelomnya saya sempat bahas cara pasang widget postingan acak. bisa baca DISINI.  juga cara menampilkan daftar isi hanya di label tertentu saja  bisa baca DISINI.dan dalam kesempatan ini saya akan berbagi tutorial pasang floating follower blog(google connect) twitter dan facebook
tutorial ini akan saya persingkat ,tidak perlu banyak basa basi
biar tidak terlalu panjang dan memberatkan loading halaman ini,

okde mari kita langsung simak langkah-langkahnya:

1=> seperti biasanya wajib login dulu di blog masing2
2=> masuk dashboar | design | page element | add a gadget | pilih javascript/html
3=> copy paste kode di bawah ini dalam element javascript/html tadi

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpgFa_ZwFBlLL5y3LmAN7GcEurRJ75vlwlcmGnQdiYJiUVo0w84LbOzUq5upHV4lITlrNLcrucNeUGKebArAhO3GYXTumCe7fbQX0t2H2PhaJqyux557jPNgJKsGYulyZNPuwz5QREHOl3/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOvdEpn5jFSuLhRn_T6TiCrs4PtAaXVNAEgNKM3IXaSiv8Ob9VQeLAd031ab0MjHyYv3FSKJCBObJOD7HDok1oLYjfEUZmJxL77eYqtzuoWyOQ6YbJy_fXwE86iER0iCUGIgad8x-6M-oV/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipWNWZzUiB0orh_iH75FXepaBItmKbZ4VzRoAPdK2-RPUew0VYOjS2xsyvF9qoBsLPaut5IF9H94VK2RpVGKlk5gUDYLWfMNv34twUVkApgOr6OHJjgftQZjaz95RlJ3lPTYO-xzTB8rGF/');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/AVvXsEhI1uHH9MXxcmV2SWEz2kxJWrUR32ezQMod30cpgEzQ4xQj39-3QQCr6OFO8OfdSd4TbjiamSqJSG6uml0cx7BqE5VN8IUKaiEwnHhYdV9rp_padL-EaB4LvvFMvet0-x7wA20fV1ycwtdY/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguaz3WJ6xkRYyCu6Xc0QjSK7h3x01SMveUpv5wejJT_98XnteDlhEAw3OQVILJGS9Bg4-RkD_vHXAv-ogQp8fU3O-TQDvXVIzMD74m9_0aaLIushkHntQI66vIzVRgp7lQ-xpCwQmzsvbe/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNj2PoLlGA4k-zwnNJXZfloPZXmiZikpgiVF1ume1DUZWbgCh8LqP_wFG402-JC0lLbCqgqbA1BuykkX7Pp6boELM_JjnZSYd1tQ2Og6HrENYw5Y_2eRIynvh-vuIaKMJVkMHq0X9cGZ9D/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">

KODE FOLLOWER BLOGGER PASANG DISINI

</div>
</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">

KODE TWITTER PASANG DISINI

</div>
</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">

KODE FACEBOOK LIKEBOX PASANG DISINI

</div>
</div>

4=> SIMPAN /save dan lihat hasilnya. moga nermamfaat..

KETERANGAN:

ganti teks yang berwarna biru dengan kode  widget follower blogger | kode widget status/follower twitter | dan kode like box facebook anda

Dapatkan kode masing-masing widget di link berikut

A. google friend connect
B. update status twitter
C. Facebook Likebox


thanksss