Cara Membuat Widget FB Fans page dan CBOX (Show Hide)

Tutorial :

1. Login ke id Blogger sobat
2. Pilih Rancangan
3. Tambah Gadget --> HTML/Javascript, lalu masukkan kode berikut :

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmH8pX7nQDnGIXORND98dW1otmI-TVeWCQkMhgPGka1c2wDS3OylMF7oOsfopxisKdscVgOTh1Iyfy_fkr-jB_3wQUDzosArsj_HGNFrFER6WFsbLBHFuF8jlALzhuhB-d4kEfqeaUdIfW/');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/AVvXsEiM4wm1psxtuU6oNlm2bUxXxjH7kxBrQF1XZMf6pChvb03WfGrzn6iEXbYgDXa7tpqJMQyD1iDOEitqfX5tQhBqyEuH3YAipscG67gg68RUW7Eul6OlxysQdwjQ-Jp8HPJ6Q3J0YAN3-xzk/');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/AVvXsEjsm1tU66oFO1jwxFop3mXss6Mrs1w_vZiPEXTGlQnK4qzkFkhzrq4zz6Ml56R3CpFTbDbNSNuvcR8TF-2XgLHSk0YUAeCsCFaOYNXiwVQlI3dyjpuGSHJpoiG3U4rsfZEZpookU3pFepnu/');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/AVvXsEhRaCfHDQBK-C8BxO0Ht78RH16Z7q5R2emeZXL6S5t5Kgi2Iu39FgDqRFqYUdxozwVUchdwiYNggqkhwHZsGXNNmPtYamQx7fEVg-8IHvawYNcGFJ-kPWSzVbKbTA-dOf7Bvcp9BAvsSG3n/');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="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
SCRIPT CBOX MU!
<a href="http://boyz-freedownload.blogspot.com/2013/06/cara-membuat-widget-fb-fans-page-dan.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://boyz-freedownload.blogspot.com/2013/06/cara-membuat-widget-fb-fans-page-dan.html"/>[GRAB THIS]</a>
</div>
</div>

Catatan :
Pada kode yang berwarna merah silahkan sobat isi dengan script masing-masing kode yang sobat miliki.