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/AVvXsEhHC_Why70Xq0F0qJboO98LiJW4A7OCg7ksXERNe4hPzxOkFudn0JKqMU8HToN_dUuotcae0ZeNYgivi-eDSt456fQ6qsA5Z_U6CTfsB2yYkdm0t2ux01jHywIQMUwLL37N7Aofn58n4LsJ//');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/AVvXsEgZFEvMXAgGRrByDXfSTEDD6LKJPmirzJOoveubtrmBDTDKfs1JBBsOwP4-EgkCd8OboQXIF1Ul36jT0sEf4sa-Bru9j5PZfau4ARGGifYd98mV3EXAO0A-JPkTsnHrO2NNhCBK0IKvxasg//');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/AVvXsEiNPvPNltR0eC_AzA36EBoFKuSNku6xB2MUE51K2dq38ueweH7YSSUwD-1ziOUb3dGqoGsu65xYzGRxNYV4w_8EkEvfdEOp6jv1DuTUVlMQj7aS2VkHg3Ueh8Vw2RdWpU_8sy7ENmQs_rMS//');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/AVvXsEjtZbp7SbB67viQumD_8tlQByxxOibIflzKICsf5lz34mfsYFoz2TKYS4con0vBT6ikqOW_4XdrLgtbJN5BJSFVk5JzuswwH2BUoRYm4GGf9YjEufOUNibYall-kFjnNcQ5YfVFIQp_sUTR//');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.