Kamis, 22 Maret 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/AVvXsEiff0wycmG1K6SEJmBxPbQ7TvPk1kbDPZDlDS_6SikiTdVGtzXoAsyifHPu5H1_I0-lrzMKLpuYjpl3zqiNAewpLVuqLWyGzyBSZGGhiXkfDEXslGYT4FaebGUTTkliMTZ-WKQZX1kywrRg/');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/AVvXsEgjsfoh8OuErxeOcxV_lzKDNMk_pgFaejKMbDMPx8UzfE45PDYqdzY-hAyJ_v-TPzg4vwr-d5qR95IDEw4t587MvKoV0MGUcYw_w7N-iConyotagLwDsL_Zu7seLF4d5rEjEbTaUvZazXuo/');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/AVvXsEjiK-XtE_-CnWe908CFccZn06P3QEsasdmD0wlh4HAfAIb8GcfPIHa73XqY8o51cLI_IZANKyaNeHPimXfWC_GXHh_qv2nZimm3g7z7VmZ4rrP1A4ksO2_-DHynk9JUUEoLq6eml9ttSJx7/');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/AVvXsEjwEFtIJgu6zqkq6pcRjiPn8tSyCkGtFQ0GMpc1dmlCpbM81UKobdUOxEJPGnxk7nZjmvMNnZSpvY9-rncBpB3Bia0BIxN0p3WAP9cFSKdeSwzM42spvOQb0vLQF1ucuX2j5RRrVD12KdHW/');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




tolong selesai membaca klik gambar saya ea :) trimakasih ... benner blog chilupay

2 komentar:

Unknown mengatakan... Reply comment

isi kode html nya tetep di html/javascript kan?

Blog Paishyal mengatakan... Reply comment

@Rizky Lazuardito untuk kode yang panjang ini, buka tataletak dan simpan di gadget tanks....

Posting Komentar

Terima kasih atas pesan dan saran agan bloger semuanya, mohon tidak membuat komentar yang bersifat sara, pornografi,kotor dan kata-kata yang tidak sopan ...
(\(\
(='_')
|><|

Related Posts Plugin for WordPress, Blogger...

recent post