Cara Membuat Widget Cbox Twitter Facebook

1. Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).

2. Copy script master widget dibawah ini dan paste pada gadget.3. Kustomisasi widget :

<style type="text/css">

.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY42ET-nEpXEQLGdn7pC0gSrhrm_HUCmofKdHQPVKmS8aVPrXlEZPrW_F_b-tlbZAMTJSNI-77tipjxmzwe9cQLX5BZa_gJr0zNC3UcLmlnWK1X_tFx6jVsifxA3L0fhbTdmPBmALDzeBA/');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/AVvXsEj_HEsz00X_jl4VUE760sim-Hkrd4N134_pggZ68bh1BAL1F9EqQrH9DmdSzGC-yjQzvLuHyApfgRx-N740jaBEqlPCXWbx36D3tjU6Daw3SCsZUsWOxsAiCf4218hN4idRyFPdRzz1-nRZ/');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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFYl2jWfHevMw-hplzYeeU-ODcr3rY1sw_97LIwVGtQemspBUspFaePdm8w45fPjeBpltEZkaNyTNtLvgcjcb2vk8Nth-_aPa4BtQDHtfXZdfHlvhkTV21A0P8YNChHcbtWCGUmmHQaJio/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}

.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju4FJlT6iQe9g_0CjaT7pgGe_Je2ujK-MTvjH0Cnq1z9k2Gtp17Pm39fI-p9ye_ipk385N5ldZdhVm-YSfTkvOhyphenhyphensfrQHm0V8jTQUFyCvYZ-FUWHG0X9Rjlh4xGK1fU_TVdEoqi8obd666/');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/AVvXsEgtE2lA_p0JurakCQgBwMvtSwebvILT2oXAgZn9r_w7O98AMG3DgxnqsLPhzJ5aL38-Mf68EFq7KMZGd6MfeVB-33yJjvUHjt0AjGeDjfdr6GMQVRrwZeAnYblwpji-vl0wCKPVJfZWBmTh/');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/AVvXsEiaohAdHtYZcxQAlTmlSmTHy1_oRFb4Nt1ZGPQiqKs25cy0t-LChzDUuChNOXuZO1GEiBh4EQQXBXsWpmby9gofrF1zIygGsGVv2lUdPpbx5UYOUaAP0NeCy3bxp_aYtAGn45FnadCJLcG5/');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">

CONTENT CBOX HERE

</div>

</div>

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

<div class="barcontetwitter">

CONTENT TWITTER HERE

</div>

</div>

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

<div class="barcontefacebook">

CONTENT FACEBOOK HERE

</div>

</div>

3. Tinggal kita otak atik dikit ni, Monggo
Ganti tulisan CONTENT CBOX HERE dengan kode HTML CBox anda.

Ganti tulisan CONTENT TWITTER HERE dengan kode HTML widget status Twitter anda.

Ganti tulisan CONTENT FACEBOOK HERE dengan kode HTML Facebook Like Box anda.