Cara Membuat Widget Cbox - Twitter - Facebook Disamping

Blogger | eBayu Online - Cara Membuat Widget Cbox - Twitter - Facebook Disamping, langkah - langkahnya sebagai berikut :

• Login ke dashboard blogger anda, pilih Rancangan >> Elemen Laman >>Add gadget (HTML/Javascript).
• Copy script master widget dibawah ini dan paste pada gadget.3. Kustomisasi widget :
Script Widget  :
<style type="text/css"> .barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNkEKy0qGzrlXnu8IC22UZENI10jOUpMaTPap9a3Xum_n2rfUqh7pRf7zWeqDxuikXj2qJdXlHchSNjcOO9Fp0LdbzZzm4v5xxMUgd7mHuxs2YkeT_zkAVvZFUriThHMvREzM5nA_sPv8B/');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/AVvXsEhJV7nf3u8sSdNZCnVH4cw3_cYu-PsDnhc1k14JXKw28REaipkp-K0kh-sYGnfSjFsTCMOPT4YoJR2wGaVyqUcerx8T5g_fyuGF2KpeCiBUvO-R3ruUkIHeUM3X-VvDylmXbqnEam6fapT1/');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/AVvXsEjLanBGE9WV0f8SejL2JHUgpKnVbZoDilLj0hfh_5Jc3CMiKTn4bABOPkG-5SFEOjL0CycXsAXqDioDgZKEztTa2ogiq1-s6Po1mFSyC-KpeL4GBS0nxEYJveXhrWB73CSFVxigbTijeZnY/');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/AVvXsEilMO2a04P6xs2tYKmkuBGESh6vu7l6qAoGSln__dUIc2yOPjiXaAUnUh_A2nK0J7Iu2F3yVHKmtAdxmhFG4ceHD1RXpifCc3_k1TecbnPgD8rL59Qm09kpYBZO5l8DkYgVMgIDRXmovJJ5/');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/AVvXsEgW85GDaxceyytVk1rHbMUCCGJut0ucla2g3fhKuesftEpMPyKE-C96Nxa47ANS7bbGcKlc5idX6EDWdKqsA3M9WySUloCH2TKCUWx963rLUGsQxipnIq-HberLFJBW-dQuw-NryhxofDGX/');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/AVvXsEibRdH7U3riK8G4It9y3DA_0EVDu9A10OXPwJo-tdYeN8rOULBY0Gc41oxmJMirMQOITnd4Xou6b05HlIZkCUsaxVq58a2sWN8qs3DJmzg5LzcmFeR8pEgCZhXEQNMAG8Q9GQSV_FIJZKDc/');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>
• Setelah dipaste silahkan ganti tulisan :

- 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.