![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUJpD2KPX-JO8nOP1NHdOw9OQuMj7Kf8WutlEjgUPOlyANk4AX5JKcIecCjofXY7hOxARPeNgGgJpgOJNyDbli7UHZC-nM2XebkcjAIGY5Au31-tCwqasi8poO5gJjA_PXx0gLK-8qRmg/s320/3+cerita+islam.jpg" width="320)
Membuat 3 menu :
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
- 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/AVvXsEjegLmoV2iBxE5XKF8B5h63Jv4NHnBiMaLY3CJFOtYbgri8rZrrTMuUhjcLkJFs-SbigVZxnOduj09ljpG3FZwzGU8cJXwei8J0pM4itsR6aSWo_zsHJPHRtSenQKhAc0D0ppys-BMw0R4-/');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/AVvXsEiIM762uS30autS0cZZrOE5Yz3RA0VVxeS5hNilmkp4nikwKdA-M0tVy01jAMu5RhhLST-SutR3eYVQtmFtNjgY8HrhEqRrCBvda4u1k88k-hk4LWAcdL-zDASkf4BiKOw-8kMoJcZZfAGB/');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/AVvXsEjdfInq0fZBnpWhdweCCyn1JbJtDDPrFf2QvWV1luHyfbwbwnC4-SflHU5Of4ilS5kJwLvabBoTDAV_Hv34W0I3TGY5rtMhuV9Dza9iS8NP7VLCcpM02TZh1ulQL6eF8nXn_fwhvGZGf-kI/');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/AVvXsEhiGZrjBr0EmxilYT74CjU05mjnguZQjN0V2Ktyv5wyyRHowzOA0ArRE6bCcuD503BFIw8o56sJLkgMtfxenS1aWjXZhGCaUUKEoHnJNbAr-yGv5ipBb2pVsZkdUgYvvycSTTgurJ0d0DqU/');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/AVvXsEixvFOd810z7zSu09wcx53Y0nyE0YQZgf7nBnSLuLXKskpRIgSgccT4UHdTjKY3gsPcUIZysQxeeWUzT7KPPseSJOCW85p-T7-FczuzKFtxBKX5m8ievNmfyocxuouE-V7euAv9JEg-Hmfr/');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/AVvXsEjfmKLA6qNDOgngEYZ2wgE2BiRXq5K0YRLPhYT9As9ZR3UM6-RM0gvoToceTxEpD_srAmIYLihQQOEi5P3hm-66X6UGX4tOhpZgTtv7OIIt_20vUyXVACwmwM1sTEX3K4QfE5ciwnuih1aK/');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>
- Ganti warna merah dangan kode konten kamu
Lihat hasilnya????
Sertakan komentarnya ya???
Semoga bermanfaat
Trima kasih mang, infonya bermanfaat sekali..
Salam dakwah dan religi dari www.wedhakencana.blogspot.com
sama2 mas wedha kencana, salam dakwah dan religi juga ::. :)
kalau menggunakan css ad tutorialnya gak gan? kalo ada mohon di share ya...makasih
wisnu_ wahhh klo css gak tau tuh, mending pake tambah gadget aja lebih gampang
maksudnya kode dari blog, fb dan twitter itu apa bang?
tolong bantuannya
terima kasih : :)
@Denny = ohhh kode utk isi dari twitter, fb
utk twitter = klik >> https://twitter.com/settings/widgets << tambahkan widget, copy kodenya
utk fb = klik >> https://developers.facebook.com/docs/plugins/like-box-for-pages/ <<<