Cara Membuat Widget Follower Blogger, Facebook, Twitter Melayang Diblogger

Cara Membuat Widget Follower Blogger, Facebook, Twitter Melayang Diblogger - Apakah Anda Ingin  Meletakkan Widget Follower Blogger, Facebook, Twitter Diblogmu Tapi Ingin Menghemat Tempat Gadget Blogmu. Saya Punya Solusinya Bagaimana Kalo Meletakkan Widget Follower Bloggermu, Facebookmu, Twittermu Dengan Melayang Kan Jadi Hemat Tempat. Ingin Tau Caranya Liat Dibawah Ini

Cara Membuat Widget Follower Blogger, Facebook, Twitter Melayang Diblogger:
1.Login Blogger

2.Klik Rancangan => Klik Tambah Gadget, Pilih HTML/Java Script

3.Masukan Kode Dibawah Ini Dikotak HTML/Java Script

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkyzcubpycAXwDwrLsrglAfWNp_DCYSn-6YVlNOq7yeIzgJVZAFk9vDI-TfWuf4wZPMaTesyGlCQ93Htzs25biHwM43w7VQXlHSO2N_gErK9MS6AcEVYHX5yCIC0E_mdW5Jkor1CGk0OJb/');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/AVvXsEhrwtDibR4KdjGqWBmDcPyKTsxxQyqhu3tMCiiHm2aFCF-RCwhfFeN3WvzD7Nbh5z4dR8qCVgWJT5MuOZ1m12vB_3H8shW00k1gW2xcNOewYYZiWt80wimVg5obX5biHswx8-HWRIsZ3les/');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/AVvXsEipSKUf98Vs9KhSYFn0ExlGoShKsDxkR7t74gJR_YJpO-b_NXG1DPMVzs4bmsuwUhtur73PAWY0FDTyygGET9USXVfNFVRL5wAVYHhMLYFEWZ0MpLWcmDLG8CvEBOL-9TH08FX2nlPN98q9/');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/AVvXsEgCHIzBmyNpfKTId2fadd-XoClfvxlrvYagDoiSkLd8k2v_QctEUIq87dRv6cyv9pCa9MSe8k3dPDcvtyvHbZ88A3puSdCsXgePgsg4kWB1uWWwK6jINhGwNN3qMQ-oKevnzWzw_xQ8gbW6/');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/AVvXsEj1w-6JxJ5AcGagYsp8pZiQxNJQJJqT13UY-ElXcl4_gMPFPU8YS2vqpRgXmuyxAxppqrmYuM_p21H_uHrdpT86Mp92SvQVEP7SgVV1NzsUmpRu9X3JKcEk5gBNYE_O2NTU_vSDS6ZPr3a6/');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/AVvXsEiU3iWsEVjQZBAx68nIYkzRlTvhxUvVj6ayuLEdQ_XRKjPoc8XVSGlFqa4lPXEvoBBhlpXCC96RDNH-ujs7DZjmTrq5RoapAWbWRiEJrnk92be-FfTuwPIsUGEuauVS20N5fa2dLIYnJMmS/');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">

CONTENT BLOGGER HERE

</div>
</div>

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

CONTENT TWITTER HERE

</div>
</div>

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

CONTENT FACEBOOK HERE

</div>
</div>

NB:
-Ganti Tulisan Yang Berwarna Orange Dengan Kode HTML Google Friend Connect anda.
Jika Anda Belum Punya Anda Dapat Membuatnya Disini: http://www.google.com/friendconnect/admin/
-Ganti Tulisan Yang Berwarna Biru Muda Dengan Kode HTML Widget Status Twitermu
-Ganti Tulisan Yang Berwarna Biru Tua Dengan Kode HTML Facebook Like Boxmu

4.Simpan