News & Updates

Kamis, 03 Januari 2013

cara memasang widget like facebook menempel | melayang di blog

Sudah Dari hari kemarin saya tidak posting lagi,maklum banyak tugas pribadi yang menuntut saya untuk menyelesaikannya,kembali ke postingan.kali ini kita akan membahas cara membuat widget like facebook menempel di samping blog atau biasa dikatakan orang "melayang".




pertama masuk ke blog anda dan klik tata letak --> klik Add Widget /Tambah Gadget -->Pilih Html JavaScript.




masukkan kode berikut didalam java script widget tadi :


<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".w2bslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.w2bslikebox{background: url("//lh5.googleusercontent.com/-mx1ggyBy6j4/UOP4zOPulmI/AAAAAAAAArk/x1khT6m_gTc/s1600/27cwffacebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:52%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: gray;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>
<div class="w2bslikebox" style="">
    <div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F27comewithfuture&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><a href="http://27cwf.blogspot.com"rel="nofollow">Create This Widget</a></span>
    </div>
</div>

ganti text :           dengan nama link facebook anda(lihat contoh dibawah ini)








ket :

jika link grou kamu berupa angka,maka coba pakai angka tersebut di script di atas!

setelah itu simpan widget kamu dan lihat hasilnya dengan cara mengunjungi blog kamu sendiri...


tunjukkan apresiasi kamu dengan menglike fanspage facebook kami | menjoin situs ini | atau mengomentari postingan ini,terima kasih.......

4 komentar:

  1. kox cuma keluar gambar facebook doank gan ?
    gx ada fanpagenya !

    tolong donk :/

    BalasHapus
    Balasan
    1. coba anda periksa kembali link facebook anda apakah sudah benar !!


      kalau fanspage anda berupa angka coba pasang angkanya jika tidak work maka ubah link nya dulu menjadi nama kemudian pasangkan ke script diatas :) terima kasih atas kunjungannya !!

      Hapus
  2. cara merubah linknya gmn gan?

    BalasHapus
    Balasan
    1. kalimat 27comewithfuture pada script di atas ubah dengan link sodara..... link yang dimaskud adalah link yang ada di fanspage saudara !!!

      Hapus