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/AVvXsEhaNg_IyMtcq7OVZ4Q1_jZyRF4L2p4JD66nbUbiT0iPRRUpzokVSjvWCDED2jNKxdY1gS7JshMwiCUsBZZcSiRG1fGIDFEC7_unyj_gf1-ZpOw3bcPLSlGZlDKtxOBjR6OYX2vwGGHAW3s0/');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/AVvXsEgg-fFekfmiaHrURkRtD8lqWAuQCaz3jfjyxFUd1EeVTUmWjs0k4ALubkt2DzM6bjLV9ThMwV7mL48w9gjNKDEDyoC-7lHo8dYaXasSvn9ygmSkn31PaF4KHFI3UWvxlsJgxh0tXg88qXwN/');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/AVvXsEiUyaIBl1KQz7VCurUzc6Ne563Con09z6jYJ1tsZQy6HOKDAwRK_Ll9Jb51W2ekGezMt9_oVCS-uSq__ltF96dVkS4VE0IW7ChQVahYmYA9exgEdusBNSMxdE1-3mfyBH0Dl_l6LQ_DxiWS/');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/AVvXsEgph64lmS61aSN9CK3HLkX-NppgS7z-8D2vKiksit6qtmpc25QJHuw7GSPr0W716boTRzs9WZOCSbzhn8CvT7QyXlltqNM1YAN_AJBvkdccQfN7ptE6MmUJS_16wpTVs4x-YNgzWrCMoasD/');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://eunei.blogspot.com/2012/05/cara-membuat-widget-join-this-site-fb.html"/>[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://eunei.blogspot.com/2012/05/cara-membuat-widget-join-this-site-fb.html"/>[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://eunei.blogspot.com/2012/05/cara-membuat-widget-join-this-site-fb.html"/>[GRAB THIS]</a>

</div>

</div>

4. Simpan/Save

Mudah bukan ?