Jumat, 12 Oktober 2012

TUTORIAL POP UP UNTUK LENCANA LIKE FACEBOOK

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>

<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&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://petunjuktutorialuntukpemula.blogspot.com/2012/10/tutorial-pop-up-untuk-lencana-like.html">Tutorial Here</a></span></div></div>



Jangan lupa simpan...

Bookmark and Share
Artikel yang berhubungan :

0 komentar:

Poskan Komentar

MULTI TAB 1

VIDEO

free counters

MULTI TAB 2

MULTI TAB 3

MULTI TAB 4

MULTI TAB 5




MULTI TAB 9

Buku Tamu

MULTI TAB 10

MULTI TAB 11

BISNIS ONLINE

BISNIS GRATIS DI RUMAH, KLIK DISINI



 
KEMBALI KEATAS
') }else{document.write('') } }