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/AVvXsEiBKe6-6W12KpQgVO4YJ4pEbdeTPmvL53NIM5n1oazwB7qItfzT1MKO7GSfnbxaPUqmSDTEtxZYj1O5Ss8quZ0qrxjPFFrjNsag4piY3-_VTMaqmrb2PHLVM5NdhtzfXOD5blcfpzfjb_fN/');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/AVvXsEjmNkkVDZ46pTs7N3Jhk89K4FYBCA9RBDOxpxcWgmeA4tLzzdQoiKB0cDret4TDvdHxT-Lneber7GE-YvpqVa_0jOomkyL37b5OhpbbDqCnqvNFIv6y6XxG1xl-YUuo3U2dpFyCGpCzA_2E/');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/AVvXsEgypeleXLm0I1Zg-zl7Bu831Zi1YKkIVUWeUO-3XR8_22JYaHHHCH6Z521a2OhNiIl71ImmUt9HrKzBaI4ouEUgryCWkscE9wGfTUoxBq9aQeu5Vw1FCtOFGNcFi8hbUILUi6JCD-hrGN0J/');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/AVvXsEhKwc81LdzwTQLIcytz4glkP9Mnci0az1_Amw-_N0oDLABf4W_ziycfCJ-SeCKaegXS2-voQWpG4TAJSy1vDoToIs9RgCB-_58gBGJkRf1H4GDGy-Bh9TqvK1sLXt_MfSOEXZCDeBsi-J6P/');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/AVvXsEgtvItOaqeY0z1l6tE22KZRN-4ReTFUMadBuARn_4tMWEzkAYa7q9SxrsfVUNoJd33awTf_v1h0sE5TVzR3qF5xRVPB7ux4BeYoLkz_mnlEEoU0oJ6xwRvDF6U4eHbxBBS5wVj8EuXGpDYn/');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/AVvXsEiDWEMU-fZO-MCawVzG7KI4QQX2Yo_CKVzPwSF_M25qTWZLl8b1yKQSwmTkKQo5DY17kLPhfCUPAKYjHLskrt2GL0b_ubj6_3UvVEUd2Kh9kM9S8RpEiJKpS6fukOEK-6bqp_glQLpOyrMP/');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...!!!