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/AVvXsEjn2NWuxC63zZqKRHycMZpBef8B6Vq_oD58xnkW-K35T2MVKanunFnz7SAD57F5adCKcVIPnDFlYWsrOlaeYrnsMsOtFhYqB343RyX1k3sc2rXlDG9lMzMpMAK5Z-RuEOUm-VGqCs-mt-kM/');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/AVvXsEg1hgouO9KCi2EI7ynkA9V9eFdxpXYbONh58YdSMxtsbEtCqbcyDZRyYYKXB3rCug_4Ne8CPnptj_OvTdgAqly5zFmvHY8wqv-mv9A4IEBoHbkmwTEtqEiL6vc5ZUNC3AekkH5ngDVeRtFk/');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/AVvXsEiXHNDcyS5I_BWoAtdaKV5yEyjRoI-CH7_o3O7wbc5TFgo9NCEXFcUeaTcB5uIPgHGY4tCWIwFRVjape8pp8qITWxrGSkbiOAY1FNCUD7duMkKxrEKStl3YYPy6Q3O3lbGshLHh9vtmomFm/');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/AVvXsEhBVZdm5C6LiP3yF8nBSLYfmQ3UVZyKQNgZ8JsChrcZkrjQAi-uByz6F1Vjs0I3OHFwlUoBYb-b7eyqMO5ehIid5e16vmtsLXwWaxIabUQyC3d20jK0dhArhuKCKtnLH017JO9K7KHDzuGa/');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%2FKANG ARYA&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('@KANG ARYA').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.

Sumber : http://rahman-ciblog.blogspot.com/2013/04/cara-membuatmemasang-kotak-like-fb-dan.html#ixzz2UKvpj9K8