Cara Pasang Twitter Facebook Tersembunyi di Pojok Blogger

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/AVvXsEjrm92A05uZMAPK29JHK4OaCiNnmVI-4WEtV6uppt6OWtU4Sb2pWzDsxVxya5PuKddOCpHOHQEXQZJNB3sEaHjjoIxRLevfb0C9ysdv5CKRzG9stefimI0KyHlRTBtowrCP32y9WDk7IWJL//');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/AVvXsEjHMGUjkaFqFm4v8ova6rX_I16WrZk7smoxGJM1-qySeTYYEfjfjii8GFhBGLNGdz3pGc91X99yt2ti3YpYnAm7SieU1FJIHA0bxDvZEBWLjLIQiApWJaYMjTC2xqpmgeOGK_66MzfaWFhu//');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/AVvXsEiY-uX0swc8WdeKfAQjm-o6C-TKFxJQ8z21WJcZ8B-0-9SK520b1c64lo2MBp6IDjMNPvye_CEcWcTPG5MlTSaHsRG2VK4ycg_oAeTtib1OQYkfcdz5vmhh0AjrOnhMaUfyRdE1KoioBvjS//');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/AVvXsEjxoaHAmoFqex2bBmbLKkOag3e_H5fKFunVUpBGLCkeMm_H4baP5rrDKcSWk8h7UnVES7rXisE7d3gjRFKoiXpWKz65jKaa_dABh6Gk3KsyRbLcOi8W1TJr_NZYNc48JypcZXSSHWb9O73Z//');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%2FURL Likebox Sobat&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('@egyafriansyah').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.

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 18.31 and have 0 komentar