Berikut ini HTML UNTUK TUTORIAL POP UP UNTUK LENCANA LIKE FACEBOOK
Ikuti Langkah langkah berikut ya
i. Dari dashboard > design > edit HTML
ii. Menggunakan fungsi find, (ctrl + F), cari kod </head>
iii. Copy dan paste kode di bawah SEBELUM kode </head>
ii. Menggunakan fungsi find, (ctrl + F), cari kod </head>
iii. Copy dan paste kode di bawah SEBELUM kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Nota: Jika anda dapati kod di atas sudah ada sebelum anda copy paste, abaikan langkah 1, pergi terus ke langkah 2.
Klk save atau simpan
Selanjutnya .....
Copy paste HTML di bawah ini di gadget anda...selamat mencoba!!!
<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=URL PAGE ANDA&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://petunjuktutorialuntukpemula.blogspot.com/2012/10/tutorial-pop-up-untuk-lencana-like.html">Tutorial Here</a></span></div></div>
Jangan lupa simpan...
0 komentar:
Posting Komentar