CARA MEMBUAT WIDGET FACEBOOK LIKE DAN TWITTER BOX TERSEMBUNYI DI BLOG

BLOG CYBER_TNT

CARA MEMBUAT WIDGET FACEBOOK  LIKE & TWITTER BOX TERSEMBUNYI

Selamat malam SOBAT TNT. Malam ini saya akan memberikan tutorial yaitu tutorial tentang CARA MEMBUAT WIDGET FACEBOOK LIKE DAN TWITTER BOX TERSEMBUNYI. Pastinya SOBAT TNT memiliki Fanspage Facebook/yang lainya kan, nah jika anda ingin mempromosikan FANSPAGE Anda di blog ataupun ingin menampilkanya di BLOG saya akan memberikan tutorialnya. Jika ingin melihat contohnya tinggal lihat saja di blog saya ini atau di gambar di bawah ini :

Sudah tau kan, okedah saya kasih TUTORIALnya langsung :

1. Masuk dulu ke BLOG sobat
2. setelah login, masuk ke TATA LETAK - TAMBAH WIDGET - pilih HTML/JavaScript
3. Setelah terbuka lembarnya, masukan code dibwah ini ke dalamnya :

-------------------------------------------------------------------------------------
<style type="text/css">
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazg92GAK_cp3UsEyhkYYl8wBzD8kParfKO8qSLQBwuB0EGuoAdC0Hu5qtsJD-Keu86PBQnRUxmbVFTWuBSlBn4CvhlzqhVAOb7NoUmY-RK-7Via8A7NM8XHyKFrS_xHXPH1jzQEDIF5yh/');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/AVvXsEigenASu20hGcvnrrFcQADJUFtTdIWp_V7VQZT-vyyTzFji-Bw8jteQd0_U818G1PhhIJPSYimpeZhbWHPCLS_HwiqiKjzUo2P_YkkL8qnHFJNz2kkrttjwO0L4PPQzLa9Q_WeIoAJ1GNsY/');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/AVvXsEjP9lZUwNgXncMsKjS-IProxp7RUvFkZEpFyZ0VPdRQFQRoBbxqXfYw8Uo_s0pYVddCQxDD3TtUuPsQTbEIJnElvw9VrMYcVTLwXVT4K8F8AiKzYgCcj_YxFPHou28HAgMY8s4gh3KKcXch/');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/AVvXsEjWX26puuqailTFOanOrVgkaXV2VMv73JC2QwY8sOSTH7aW8FbtFR_Mpzp6YHtw-3RXx90k0syvr4-3aZQUN_JXjs-0RXJNpYckcWSSvwuUJDWy3exkiGeo0sU4AXvOk5wOwcXibixjSrwg/');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.

4. Jika sudah klik SIMPAN.
5. SELESAI !!!

Sekian dulu post kali ini, Jika Anda kurang jelas tanyakan saja.

Semoga Bermanfaat.

HAPPY ENJOY :)