CARA MEMBUAT 3 in 1 WIDGET MELAYANG BLOGGER

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/AVvXsEiwQdkxH_0CDl_HsmPjPv0I9M68N8PlLleqOxy7K9NIVRg_Cp_gkDEzJBZpoIe6iG8XxAHlB9Ck2jbDypAYqu-P_qB6pAWDFIBHkwD8eZihMAbY7GCVJ2LpM0vI1mo_vO2xYK8mZQt4G9pw/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;Left:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh84qeWjfmDDmOOgP_Naa_1ptt-PshwLxD5PJeukSrahgMbC9Q2ajgxoEa5lAdUivjQTnA16dZg0gmqYBE38jzxMmPKUB6I7nYBBCaGloWmh2KuSuh9unjq62kR0ZlzkdoBX0voo46LCuzJ/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;Left:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnLPaSjqP5sRasGW1gyNbTm3w2mQGSr8VLGaHw-1JmsOkcamRTfwIOQRhALszLJUTLKg_NE0Cd1TIZMPzvpQEtio3rskpo-2pUL9yKpHDuSSdp7ejJn738InJ9ufXtftF_cpMC__3y60Ro/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;Left:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7sm_ZNAuNBtxyzX0UnrTcdEoMxfeJ12qnwFLGnULNm-j1hk_wZTyxX45I2ltM8ynoGgkVxD7s-DvRDbHHkpPNge6RF_mJGhQM6hzx5fX38TPwR8MhW9eg_6UIUwqakZyBXWesWfLx_JTW/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;Left:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDgOAOB6k6xK_DNrkV9M8-GdKaBzUUoXLfT5oenYLTLInFTML5ByqBqZjC9DhufTQa3UPHdcSZaB42tjpBep9ZU6AHUpIuqSkK3kSslRHkw9xbHD5HJDXm1nx3zR8a_qNO9P8wdm6fqz5E/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;Left:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsKGATqRCie1ise0m3U2nt59lShHldfUl4szNyvFJvtFH827M4HxYBIFw-tF7jD4w7yTwi8rwiOHFY2lsZ2TIVcpEAAvracEb6CsptzGf6oMx7koHiht9uKKuats-KThodcJjlGJPx9kfs/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;Left: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: Left;">
<a href=http://sumberuangqu.blogspot.com/2013/07/cara-membuat-3-in-1-widget-melayang.html" target="_blank" title="dapatkanwidget"><span style="font-size: xx-small;">[ Widget by SumberUangQu  ]</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: Left;">
<a href=http://sumberuangqu.blogspot.com/2013/07/cara-membuat-3-in-1-widget-melayang.html" target="_blank" title="dapatkanwidget"><span style="font-size: xx-small;">[ Widget by SumberUangQu  ]</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: Left;">
<span style="font-size: xx-small;">[ Widget by SumberUangQu  ]</span></div>]</div>
</div>

Semoga bermanfaat...!!!

Share on Google Plus

About SumberUangQu