Widget blog, twitter, facebook melayang disamping

widget/gadget ini berfungsi untuk membuat 3 menu yang berada di samping dan melayang. Menu tersebut yaitu : Blog , Twitter , dan Facebook. Anad dapar menampilkan jejaring social anda di web blog anda,sekalian promosi gitu hehehehehehehe. Contoh hasil widget/gadget nya seperti ini

Ikuti langkah2 untuk membuat 3 menu malayang disamping dengan seksama ::::: 

- Login ke Blog kamu
- pilih Tata Letak
- pilih Tambah Gadget
- pilih HTML/Java Script
- Lalu paste kode dibawah ini
- dan Simpan

<style type="text/css">

.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFKqTh-wcsoumdq6ZfogaxLimkQC95ayKbB8Y9CXLsoRIW20BOuIouToo2leqLuCadLN3UmcTccN3JtnzKEtt5_s0yiPu-_gOwiaGXe1KDKTPEl9Wp11gZEH7TUS1S5ic3xiF8hwtywUa/');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/AVvXsEiNBdVr18Jj0LtG1z0Eqy8lzH2UdNKDOBLIrCepkmmSV9VCCxR4oaClHgxHuKt_ovg3aXzXM6F_7grY9iRuxqV_e6MEUKgIDU0k2tPg-5WDVIaC7Tymkj763eu57wtKexVAgcXAkw4PmydD/');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/AVvXsEgHucXvPfcPQHaPiGIu8Hx941kflsXRPTEmfO7QjGyRuhqGQVG9FIbW02F2Fr7dq2C7H4837-FtVW6RLwPd5K0jDrzwiguOVD_DCnhebzeOgvfRlqQ8yM7mz1Aee1GSmS3TVBRHjgKyA2lC/');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/AVvXsEgbaYkO9P0CNnyK20DcflPIoBMxlQ7eLOUnnyGpa37uPBeVBUTaXiZqIGGBlASxn2GXq9PyecKqyQF8U3rsFC4Bz9ojUuV-5hg4S2_6c-m2qSHHVNKqm-mA9tEm8COUbteTyiKfOimouwJH/');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/AVvXsEgToU2Z5fVdz8xxmXsIEEfGOM1LWmOJUFioJjSLFqJHdo9qLb7iSIFKEk8w3hRR8g0Z3GPdxZU2RpGqyaG6nd-po5Ahl-oYO0DWcIxzcT7cfZs_NtIwKHzlWd3MxBSt2rQCX8XNsEF1doAa/');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/AVvXsEjhx-OSPubQFPB982XZVClCyfKRB9iKee0aJ3SrGfWA55iI1dnQP5BBlPs2MMVaucbvbdlEzQHvvr7f5wAMG6Uwpf-kM1bKOQ9OoBNJPr3gh6XmHpg6kpvt9CynQZBVoPJUVtFpjQAfwzVg/');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">

KODE BLOG ANDA

</div>

</div>

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

<div class="barcontetwitter">

KODE TWITTER ANDA

</div>

</div>

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

<div class="barcontefacebook">

KODE FACEBOOK ANDA

</div>

</div>

Kamu Tinggal ganti Kode yang berwarna merah itu >>!!

Setelah itu Save ,,,SELESAI SEMOGA BERMANFAAT   :)