Tuesday, April 2, 2013

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/AVvXsEibsWAqpOcNFHdftemQfD7amHXMClwpO-fBcWo-GLrkYI5VPjjljFIr41MA1U1hoXzoNo6n2afrNL6NWW1WmnttVmhhXhNNRbOw1OW3R92Acx0ZS6k9MfjDmqC3hM6fXVJfXsEPiq-1lT92/');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/AVvXsEin0Aiymvjz-buGBsNMke4-l5vmXwPNc6nSaNfztzVhBmlBGGttFJSQW4Q1WXk5ih8hTo_HHrze40KCSW5uh5fmPKqwr8t0mBmb10ozYNgzbQ4F0H6_Y50WsLepPX7A7PyR83vyR3zbCMcZ/');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/AVvXsEgYEm-ZyP0jfe_uU8cRE1P5RN6sE-HwdVDE5MFU7WV3Dwnq7qKwVUlj5-xeAUKmfIL9QpI0b4XK0DsA4-uhV4c4_OZa0qLJYT9ax-9d0n0dAkdHNsFG7fxaoe1OdKS4bFcMf5wtMOYL0mdg/');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/AVvXsEjmVl3Wk_XJr4lR2m8udJaC_YPU1cu_BmSGLhKBxM22Zc5QV7CRoEw9JQkE80t3hBi-Fw7aECVDky5pN-Jjpsva7rVBAth3ZMiSiopZ3C37wmi-hu2kYT5ORW8ooB6i59F6s61FwRD1faM8/');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.


5 comments: