Monday, July 2, 2012

Membuat status tweeter dan facebook flooting/melayang di samping


Met siang semua , siang panas, gini dari pada bengong mending kita update postingan aja ea... emmm kita buat status tweet ama like fans page melayang di samping blog yuuk...
ea hampir kaya buku tamu gitu jadinya di klik baru ke buka... cukup menghemat tempat kok ^_^
yk langsung aja cekidot nih  kodenya

***
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'>
letakkan dibawah </b:skin>

***

<style type="text/css">
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTKcrqKLVTbrOptFPVP3JUy-uPpwtLZPbqq_Bf7xB3CDDTJhCLXMYDncgAix0EH8el_ULzClNaRFoEwjPCCSoEiuBTmOXpqGe4WgMiAKTEIaBuKGoiPy-Tni7v4CuagwBXWY4OmOhfHXB7/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifjw56tCPCaahbVKCEO-oBn4nWeEogcqIaz52vrltvIv_KU4hFXwFnw9EODMGFBW1m__9Cd4fQYLr6Or_V7gBwBcKSbHUOoX70_iloicRnwh0TFbUhcgpQa_KMtQUgDlQjCMoQhlTlnNlc/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
</style>
<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: 5,
  interval: 30000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#090a0a',
      color: '#ffffff'
    },
    tweets: {
      background: '#91e2ff',
      color: '#ffffff',
      links: '#f50e35'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('payasex25').start();
</script>

</div>
</div>
<style type="text/css">.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-nnS_6WB3k3B3f_DboO7w45sMHPHKRJfJhwn_dPmH6_MzR0tqKlytNni9wS6JujdBH30ywkIgV-F0TzC7d1sNZ5i8d_swIKSU6MMZbE-VAZazmhLOSVozl63DanMEf_osHI6XeuxiXse1/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD0TW-4VXljiy6uVWUfBqy7X8juiKe0D529q_m2bq9sOHbuGomHX2UVLCwcGSawrViPBpvPReECeClrW_gUmGDLHv6hKCpYEfZVmEER7XQ81VrQk4FJYuxueSyVi_Z6fGrIJNjTUS3fTRe/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}.barcontefacebook{margin:5px 0 0 47px}</style>
    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'"><div class="barcontefacebook"><!-- Begin Facebook --><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FChilupay&amp;width=260&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:290px;" allowtransparency="true"></iframe><!-- End Facebook --></div></div>


***

kode yang warna merah isi widget tweeter yang kuning widged like fans facebook

Related Post:



0

0 komentar:

Post a Comment

Gunakan Google Chrome Untuk Mendapatkan Tampilan Terbaik Blog Ini ( ^_^ )