CARA MEMBUAT WIDGET 3 IN 1 MELAYANG

 


Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

1. Login ke akun Blogger anda
2. Pilih Tata Letak >> Tambah Gadget >> HTML/JavaScript
3. Masukkan script dibawah ini
4. Edit sesuai keinginan anda
5. Klik simpan


                   

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTu0-pumXkTHyBgDDvWm8y0J7NH-lXlwWD3AeDDlLsSnr5XX914D7AUYBtfpks1JKi3kvu5aezWmUWt2DJd3DtWI5C9wnCTFrsVyyc9WW8bu3P4eU1TYt8cG-edS0fuJ91-UWAqaKi5Oed/');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/AVvXsEiI459svrODTHuPUSzpSYuyCHf53rIBSExyeRH3Elrvh9KL6-UwwhqueEF5vRpec5Q86N2BhLfLdfCgIuJW0Hjn599tUb2ao1mK4icNGwFM0WB09Thk8exdaWPt3hpSNsZi80tmWEilk79l/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLx7AyUBJ9Y4Tne21e8zVdlej-nabFQInv5BTHkZMKwbzu59O7dG13s7Y6t_FGNT6-Og7SrRY9mgrbxTiz4D0lRRKx3sngBnx6IR2-b9Q7GZlzqhsuv-vZOLI-Yj1o3eE0AFcIO2hk1yLG/');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/AVvXsEjF4QQIkIhgghn1HOwILgyN9iK-FmjAY_7O-E5g5pIVYyK09WtkPEv3hz0hyvsxdZKt1JSMWxbpJIV9RKlK8X9yrwE1j2pzBdm-TiEo_SdxtrG66a3KfpRCzYPQZ3Sg98gznOAMsXazk1y9/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm2xUPTNQhU97w5Y0jrc5cQxx4sCvpP5irD9KtHNUSEOFo4fmgJmpdid-28ACY0gKaKOZgyG-cDo_3ne3BFkl5nFZEmL7il7wT-WsVK8M5H3sXwhKwF2Ryyu9u2k8b07525UnOv-dxBJiL/');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/AVvXsEi5MlhcDan6I7nAde6xW7djTbuOc3j5NeWFo3cRCgIPJ0CGfjdRf7CDcexEGDp8yHB3MqHd_RjlAnv3JoQP0rp0ppr900xkztLctik90xq3IHjeTYBDOCBHV39nwGt2VJ1hohYbN7AGsBmJ/');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="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
Simpan kode friend connect atau kode CBox anda di sini
<div style="text-align: right;">
<a href="http://dhecun.blogspot.com/2012/12/membuat-widget-3-in-1-melayang.html" target="_blank" title="Membuat Widget 3 in 1 Melayang"><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div>
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
Simpan kode Fan Page Facebook anda disini
<div style="text-align: right;">
<a href="http://dhecun.blogspot.com/2012/12/membuat-widget-3-in-1-melayang.html" target="_blank" title="Membuat Widget 3 in 1 Melayang"><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div>
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
Simpan kode twitter anda disini
<div style="text-align: right;">
<a href="http://ngeblogbarengbareng.blogspot.com/2013/05/cara-membuat-widget-3-in-1-melayang.html" target="_blank" title="Membuat Widget 3 in 1 Melayang"><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div>
</div>
</div>

Semoga bermanfaat...!!!