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/AVvXsEgWxIg6z9f4S16hcY-d5VQ-e1jIZk7zP41OvZTvcWoEd53QyArV7Gl0qgjwSGIvRWjBCfFBjJGbkTy3ahnoAvucDcHP-2iH8_MHVU-QKxRgPTyQmgtgmm80DgyL-hlqZfkLWd-EGbcn-lqL/);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/AVvXsEj7cGmOChYdyMJ1tRQQeAv9UwYMPFauzfGsB_Jc7yKrjVj1EmNG4NMpvJAnlykq3jXBsXOpR6I51mA3_2K793ahIWhU8eyOrvtfGoTZhkZ0_jCvg9E5AzYGpnYp_XIoE6Vt0IqLJpcTQ9oz/);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/AVvXsEgv7sKKHQlKW3Nu9Mhpyv2zhSt53Dl8OU1WBoBcUVih0ChslgZ5rnmSczR4qchsM8Bkvt85zcFJXD5ZzAKOIBr1nb674M7UZ1QNA2crEjmEPJheAWyacPKRHmoAjX5NNgz7r9iUAqLwH3m5/);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/AVvXsEhKhpPHIka95ypRHpOQuuhX1Qt9_ey-HCXupwICfHGqE_EykqXbSQsDvyl1xEiYhMoU_5_CJPtlAYPdxgbJ-P9WyUF5Pt_Rb7yxh8bYYQWTPyCCSmFp9WTm4sXjsiJBvi30ajLF11fk_DNJ/);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.