Cara Membuat/Memasang Kotak Like Fb dan Twitter Tersembunyi Di Blog

Pada hari ini saya akan share bagaimana Cara Membuat/Memasang Kotak Like Fb dan Twitter Tersembunyi diblog anda. Nampaknya sudah cukup saya berbicara langsung saja, ini dia cara membuat/memasang kotak Like fb dan twitter tersembunyi di blog

1. Masuk ke akun blogger sobat
2. Klik tanda panah ke bawah di samping Daftar entri
3. Klik Tata letak
4. Klik tambah gadget
5. Klik HTML/JavaScript
6. Masukan Kode di bawah ini.

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvaSRhPTAgxP78gRvNEX9B3hWucXj5jxLiw19-51KIzcZloTBZ5ywX3bT3K-9IBc61WQu0LduQGsb_SL0z1ds-1scTxxq_Mwr1BwfKt0WHqqXxmGrO5Fh4hL_prOfrL9qSguEXvpWEDIY/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:320px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqx9967lBaJND-HstTQVPION63fqRzYdbX_if5pk5eacsMXReQEfWubR8tyx4QmGyRAg13VADUqi1RITTgt_Iy9jzW_DzxY0Dn0CV9HAUDAO08vbvisHGICEoZN7OgyhzHwofpw3o1KC3z/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYG8zidT1H7eZ6vub8yRnEzeieFYjT7iRXKx8eLGS-I9X6WGTD1Cfj6k5BvWnQ1DiZ9i_M2IPGhyScKbB4pouVG1_DL8mucKJRR9hoB5NFJ11gAIT7LRAlTqz-Z33C5Rgh9BgrhVkW436l/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:160px;z-index:1000;}

.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheR3bIS-mGaXBQyTVEiCFNJ8TXvDsPzsuGp4w-M7m4NWviN17tF5h5LjeVjRnCfdWVHHl9UB711bpbb71DVBnqNjqk2vkEoaJyGcQ0HZYINCzexTjZPAXfUv6CKy7HgJONG-lpjTmsEwta/');background-repeat:no-repeat;width:288px;height:45px;position:fixed;right:0px;top:80px; z-index:1100;}

.barcontetwitter{margin:5px 0 0 47px}

</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">

<div class="barconteblogger">

</div>

</div>

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

<div class="barcontefacebook">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FRahmanCiblog&amp;width=292&amp;height=290&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=220391438067645" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowtransparency="true"></iframe>

</div>

</div>

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

<div class="barcontetwitter">

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>

new TWTR.Widget({

  version: 2,

  type: 'profile',

  rpp: 20,

  interval: 30000,

  width: 250,

  height: 300,

  theme: {

    shell: {

      background: '#040504',

      color: '#ffffff'

    },

    tweets: {

      background: '#098cf0',

      color: '#ffffff',

      links: '#4aed05'

    }

  },

  features: {

    scrollbar: true,

    loop: false,

    live: true,

    behavior: 'all'

  }

}).render().setUser('@Rahman_ciblog').start();

</script>

</div>

</div>

Catatan:

•  Kode yang saya beri warna merah ganti dengan Username FansPage sobat.
• Kode yang saya beri warna biru ganti dengan Username Twitter sobat.