CARA MEMBUAT WIDGET MELAYANG

 ne ane shere dulu sebelum ane tidur , moga bermanfaat iya langsung aja...

 

CARA MEMBUAT WIDGET 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/AVvXsEgWghbj-CEz8EbM6pMp9skDulfC6n070rTaA1x2wGJGR505oISFooj1lcu5Z86vh4ehyV0c0_qC_1Ee-m5ZKHIrsJ-mu9QO6DawHe_AuF8uP3l1XiMSw3m88pl5SU7hkRin4CErKy_8NwAD/');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/AVvXsEjbhOTP1Ryy6iMengPnnXWPrG634hVROBMqJtp3OA0hyphenhyphenhtqCeCoHT1nrnFokD71LghSIUtyrH9sPFIy2gZcaEUTR_EfjdA4dk2-UK_AH6PIBYJc3J-3kGm_uR31lCjRaY8s4Y9u6fuupTD-/');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/AVvXsEi81_WOty1sknqVmQ2IBVoW39JXYsBjRPHUCB9cggsfXKpoGtC9Ds2efOoi1-RcBxG0AhPBlA39OYEo1X8KtMKCQ5O1dyrJ2mFr-9y597IMSPhPQz5GsUOhEmeSmXlei7CDOb0fboQ_-S2T/');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/AVvXsEiFLSVtqM7QZ-aIcAS7gQhW1wYV340kGTN-PG2xr370XyklbhjiCnRVucX8EyNKOPlVWuJ2NJBKoLlYf444bf0Hl26e-rygDGjvTJHjqqCbGio3UW4JSQYF1LAZVmgHA94xO7WTkwDIyScN/');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/AVvXsEjzL9gyE_O-qHHTe4wGgCa_L92MTfqLI_lKqYBXMVCt32XjfpT7pyPV-ygUMpsfjH6k2HiWePC_Hg2rznU9uTsbL3-MLTDP-SkZOIWCLcY_PtWD79AEY0IdZQ48m2f-21yZqzQcW3uqrLNP/');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/AVvXsEi_tKjKtw50q_78Z_dj6FxXW-OuWLWSI1_rK7xGw5vkgjWSO5hk3JiYVrBLac-DcbIn09OMCks9CZF2MyVOYb49_MWDAh7tXTCMO7X9TnoRM_sopi5iuEK3CvAGp7f4nReM3kOw9BTxQRyb/');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...!!!