Membuat like buton pada blog

Posted by Kerta Seni on Thursday, January 3, 2013

Berikut adalah cara membuat like box melayang di kanan halaman blog,
screen shoot nya seperti ini:

 langkahnya seperti ini;
1. Masuk pada tab rancangan-edit html dan centang expand elemen widget.
2. Cari kode </head>, dan letakan kode di bawah ini di atas kode </head> tersebut.

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

3. Save template dan klik tab elemen laman.
4. Klik add gadget, kemudian pilih tambah HTML/Javascript dan copy kan kode di bawah ini

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.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:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;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://www.facebook.com/Kertaseni?ref=ts&fref=ts &amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://kertaseni.blogspot.com/">Widget by Kertaseni</a></span></div></div>


5. ganti teks warna merah dengan url fans page halaman anda
6. Kemudian Simpan.
selesai . . .

Ada juga yang seperti ini
screen shoot
 langkahnya kurang lebih sama, seperti ini;
 1. Masuk ke akun blogger > Rancangan > Tambah Gadget > pilih HTML/Javascript.
    copy paste kode di bawah ini:
 <script type="text/javascript">

    //<!--

    $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

    //-->

    </script><br />
<br />
<style type="text/css">

    .w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") 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:20%;}

    .w2bslikebox div{border:none;position:relative;display:block;}

    .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

    .w2bslikebox span a{color: #808080;text-decoration:none;}

    .w2bslikebox span a:hover{text-decoration:underline;}

    </style><div class="w2bslikebox" style="">
<div>
<br />
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F
kertaseni&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>Widget by:<a href="http://kertaseni.blogspot.com//>Kertaseni</a></span></div>
</div>




 2. ganti kata kertaseni dengan username halaman facebook anda.
 3. Selesai dan simpan

Blog, Updated at: 5:48 PM

0 comments:

Post a Comment

silahkan isi komeng di bawah seikhlasnya ^_^

Pengumuman

- Kertaseni adalah Tempat Sharing dan download gratis material yang berhubungan dengan Seni dan Kerajinan.
- Boleh reques materi disini, kalau admin ndak sibuk diusahakan untuk di upload
Salam Budaya
- Mohon maaf blog sedang dalam proses perbaikan, banyak terdapat link yang mati
MATIKAN ADDBLOCK JIKA ANDA MENGHARGAI ARTIKEL INI

ARTIKEL KARYA SENI

DAFTAR BSE dan BUKU PENGAYAAN

Popular Posts

Powered by Blogger.