Cara Membuat Facebook Like Dan Twitter Box Tersembunyi Di Blog

Pastinya SOBAT memiliki Fanspage Facebook yang bisa Anda promosikan Lewat blog, ataupun ingin menampilkanya di BLOG, saya akan berbagi cara membuatnya.. Jika ingin melihat contohnya tinggal lihat saja di blog saya ini


Sudah tau kan, okedah inilah caranya :

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 :

Klik: :

<style type="text/css">
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63clR4fHFBraW5GVEfcW5V-tp8vXKfe7cdNyl3eNclO7omwX8DE_GavQmpEfURx1pTsR6q839S5BF2ML4-NhkQlwYl5BEp81Ytem4oZSkmQB9MBOZ7UW1ho6ZPmldBlGltpuFgjCsew/');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/AVvXsEhDGoGwAQscDI3YiDS01S2XWg0kCkWuQqX2Rg4P0daRu4R_50A5-3VmszwAPP0g1EurJOc_bln1MTZPiB1o_jfhnmzCYVhUszFCicAexXyajzbQz5rq9-JY2eK0lGA2F-qbzDvgDsn3rQ/');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/AVvXsEhSlRnmSXKksxYu3Yq8t7ZUEM5aP2HMjU2pcwwORwLDR46PZuRaDqGxmKuROMLeKv8vGk5vWy0MiGppUj0qrrdO4n1W27IQ0hriijL64z7GBycGbnP7rKzgl7Zivs-ENugBPXJX1EOmYw/');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/AVvXsEj9YOQ3U6y1DxoCt_A_8N4PWGxEar73e_E7XCWmBLvOMyKMmpnM8X3JVuvRblNh3g6V8FAgZsO6gMoja5dNgn-o4iZn5FDd6XevaCrJUu4aCjepzne9d9vijR3HRNOi4Z4giJNteKN86w/');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 !!!

SELAMAT MENCOBA SOB MOGA BERHASIL YA

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Membuat Facebook Like Dan Twitter Box Tersembunyi Di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://yuliabloggerindonesia.blogspot.com/2012/10/cara-membuat-facebook-like-dan-twitter.html" target="_blank">Cara Membuat Facebook Like Dan Twitter Box Tersembunyi Di Blog</a>