Cara Membuat Widget Join this site, FB Fans page, Chatbox Sembunyi (Show Hide)

~ Tidak ada pendahuluan ~ XD

Lungsung aja ya

1. Pertama - tama buka dashboar Blogger

2. Ke Rancangan lalu pilih Edit laman

3. Tambah Gadget > HTML Javascript, lalu copy kode berikut :

<style type="text/css">

.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOiEB-X7IhL0LgUwq8XFTZnV3WtiUDd5TSkMv2FEQ5aczhyNIlXFgB1JVDrObgK5-AcV_tjDe1LaPsmSms_ieEZHbSer0ac_iEK4JCUwSKgzX-XBvty-9PZRalS9gvPkLt1dH3UClJ1wvY/');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/AVvXsEgFYDFF1oJrZNqNKCkjiYyW9rZpB5J-UMkM2qGri3yRPIgziPUZimejXd-rrd1fA2mGzp-9EK_WbUDVgDYgBkeaRFR2H8lgdCkmcEBGZ903UoufqbuzxQFP2FXM_9D2Y2J-xL4CCOkfDyA2/');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('http://i1180.photobucket.com/albums/x403/ilhamganteng99/cbokcopy.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}

.barrighttwitterc{background:url('http://i1180.photobucket.com/albums/x403/ilhamganteng99/cbogcopy.png');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/AVvXsEinMeMxD2sguF3FH8i9EJrTqHstvb69Rk0CSSt66VxK4e33rv7S0nqqx_fMdOKr8AN2xXhD3A4eT_Lm9B7-D9Oy_Gucf1PsBoOFNj2JbnbfO4QwiyRrjbobE0HGI3pH4VUgp3MIivbfiuDa/');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/AVvXsEhYqNoUeNRfvIgrsVi6o17fBoO7Ul4Vx6F-RqI7-lzwI773eF7IrhPx_QTumj0oN9w3imxh7RTc4WFqAaGmWYCd5qWlIAUCCxalKqWjseADVFzVJSPetDSFFM6qFnXeFIiuzVb-mvAXygEh/');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">

SCRIPT GOOGLE FRIEND CONNECT MU!

<a href="http://attaufiqz.blogspot.com/"/>[GRAB THIS]</a>

</div>

</div>

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

<div class="barcontetwitter">

SCRIPT CBOX MU!

<a href="http://attaufiqz.blogspot.com/"/>[GRAB THIS]</a>

</div>

</div>

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

<div class="barcontefacebook">

SCRIPT FACEBOOK LIKE BOX MU!

<a href="http://attaufiqz.blogspot.com/"/>[GRAB THIS]</a>

</div>

</div>

4. Simpan/Save

Mudah bukan ?