CARA MEMBUAT WIDGET FACEBOOK LIKE & TWITTER BOX TERSEMBUNYI

Selamat malam. Hari ini saya akan memberikan tutorial yaitu tutorial tentang CARA MEMBUAT WIDGET FACEBOOK LIKE DAN TWITTER BOX TERSEMBUNYI. Pastinya sobat memiliki Fanspage Facebook/Twitter, nah jika anda ingin mempromosikan Fanspage Facebook/Twitter Anda di blog ataupun ingin menampilkanya di BLOG saya akan memberikan tutorialnya. Jika ingin melihat contohnya tinggal lihat saja di blog saya ini tepatanya di sisi sebelah kanan.

Okeh langsung saja ke caranya.
1. Masuk ke dasboard Blog anda
2. Ke tata letak
3. Tambah Widged
4. HTML/JavaCript
5. Masukan Script dibawah ini

<style type="text/css">
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3COt-zy4yNt4nH9p97JeBtRCa7u7QYl94_oAk4aIlYeBycfpIiwoxsun9EwrPSrp0l4hY_rvPd-D6bv1qBtAo_9SxqMKnAhykSvotWRcNot_kKNhaZ83_CFp_7MaM9iDPEr6iyo7kOm3l/');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/AVvXsEgoSSYubEkRjGd9lBVuKrMxpHZnFvgS5NN9EXTk2viqzFkFN80oeDVPGGYZbDKCkKEhWBoH3ZHf1OjlGuJYWxOxDXHaYaWD0GwR5QurZ-rORUWkmy7BDWGlDJZCT0gpS9v1IkeVBL1DBN6M/');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/AVvXsEhu3-IBWVN-L0IjaUwIGHOgB6FQVPu3Bs_dDnJkK__c9EVxeUDzSApBPlVvKO_2D4jXD1gxv7azlzZlRKS1XVFFrdOgjGK7hU1DAPeaQdzCWUwfRjdige6aN1-vokVsazwFrepESh9BxqTA/');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/AVvXsEhuKAIeLsVFwgBzpuXJZ-DQwd1Ivlv-De6JEM5V0klYARUbQuyW02zVDgE71Yfs_Gm70eXAz4Q0CegnPv8lkEdyMHOQzg8aYfmCB5RihmgMBjYdmW1tpP1fVSSZkXNs_g1YGZEV9qIARMYQ/');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%2FIndonesiatnt&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('@TWITTER ANDA').start();
</script>

</div>
</div>

Catatan : yang saya warnai PINK dan saya besarkan dan saya garisi itu ganti dengan URL Fanspage Anda dan yang saya garisi dan saya besarkan yang berawana HIJAU ganti dengan Nama Twitter Anda.

Klik Simpan...