Cara Membuat Widget 3 in 1 Melayang

Posted by : Anonymous

Baiklah, kali ini DEVIL BAT 21 akan membahas tentang cara memasang widget 3 in 1 melayang (Blogger, Facebook, dan Twitter) pada blogger.
Berikut langkahnya :
1. Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).

2. Copy script master widget dibawah ini dan paste pada gadget.

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfcY16hoa0_MC1qG6na8vuPXwmoHDGQiiWwtVh2YJ8vdCn75jVPzHfLPCdM4INT8YiGlUq02HSanvgYhHmEylJztVG0cuVNlUWPFn_zRQlRWGTZ3_ul5MZ4ZcgwYWwkJi9EHr5q4SZq1Wn/');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/AVvXsEhKArgkHvrt5qPuo6lODYgFK4P2BaJeq0IxaVJAW36JaLrv6-2r2fsHyYOo5vc12K8ASUWFtjun5C9kxHxJMAbvnA-ZsBPBk6q5M3XGupahO0RJUBXArmzFZjzHKA8chLk-2RsEo7yMPjX_/');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/AVvXsEhlxHFi8GtQHyiGDH0bPpztl8K6Z2VPUE0isW5cESMCkTVPXCGBXFGha-lhkHmngeIzcya5mz9vZ8jCNYXObvkjq-ttkEnrKCD-kx0uTSqb9SbEW1eZilKraPZQ8HTVZ8mo-NGoSchAQfmY/');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/AVvXsEiKwNdcsCZqWPwUV0hjVeljcGHlhxxiNjTKO2Rit2QQOnMuG2n1Jrl2hpjJWgKsNmJS8x0zaiJSVbFswOVgW1kxRh88a1cXNClFAEqK8Z9OFM_NPXQl8O1ah5AN39NcYq1wDn41exMiWZFX/');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/AVvXsEhxs5f6SX-mnFYj0xQUvWorBSGRibxF9t6BhiPn2ir-ZMtCRc6FQrlj68PL8V1g9lfQtox15L2uv66OtBYUKWWL7X2bnNkyewTqEehgKLpcPmNkQ2z8vCOC_LFFBEJQgeDnxnKp_fpmMWKi/');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/AVvXsEj5DW5LP6eS7Z1dPQpzL0EYRHnXUaMmg8gSM8rv-8HkyKZk0AqlcjEtaylt0syw4Q6rEovRESSNQzOT6f54Y6DXOjzRzGC9O0J8rwPSeJ2aNmwzrOTcOF9EU2MmacF_b7iHwxGPscwuouWz/');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">
CONTENT BLOGGER HERE
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
CONTENT TWITTER HERE
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
CONTENT FACEBOOK HERE
</div>
</div>