Selasa, 23 Oktober 2012

cara membuat twitter tersembunyi di blog

1. Masuk dulu ke BLOG sobat
2. setelah login, masuk ke TATA LETAK - TAMBAH WIDGET - pilihHTML/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/AVvXsEiBiIclXRWmhRTNWettsLZI7qK_aNu4F16HvuCvu-yiyJf-O7dBBA5dFJaWMh_pIGZMm1vtLATvg7FlY6P4WSpx0CrtL0DSAwQT_EvHiWS9XF3UMpp6KvruF_HmdxR8qR4Jl12GooSCd3w4/');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/AVvXsEj2P2VXsZyBsfDGjzSpAv1qHeordabqmPhfIhwQv-2h6IvQnLRxGGOKlrgZYcdz_IKGPqaPwnYinTt5iu3uxXxWJMb7UBoMCkm_fslAaISBVZnk85ZCHVgN4OitSpuJD7cIXA2q4eHr1duq/');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/AVvXsEhTAhMk4xzh3Y6m4mOxnkxTL_AZ7Us0BxxoeD3X72B8IbUpUQJrdOjTCdDGp7vHgWvb7br5_qsavDpJ1kikTZVDi9UCrkKEnD46_eFAUbTXUe3SOmGQFHVPlAasudSKQdpxGDXlZmdGGES0/');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/AVvXsEi9xqRGzPu9PhdzV3NjCY6-oMLolVPlaPAkvudQRtVAtVBW6BTQknucj0YUxwHDzea_gN0OLKL5eC2yFgwsXXxmyG94QOYqXhKNGMXdf4kRDqNq6ljVzEvLSN1JkAMwx4ZAPsaIuLKq4aFM/');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 HIJAUganti 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 :) 

0 comments:

Posting Komentar