Membuat Page Like Melayang dengan Close

Posted by do it your self Jumat, 19 Oktober 2012 0 komentar
Membuat Like Page Melayang Dengan Tombol Close - Jika anda tertarik ingin Membuat Like Page Melayang Dengan Tombol Close berikut ini akan saya jelaskan langkah demi langkah nya. Langsung saja berikut ini Membuat Like Page Melayang Dengan Tombol Close yang bisa langsung anda coba di blog anda masing-masing

1. Masukan kode berikut ini di atas </body>



<!--Like Box Facebook-->
<style type='text/css'> .notification{position:fixed;left: 35%;padding: 10px;background:white;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);right: 30%;width: 300px;top: 35%;z-index: 9999;} .notification span{background:url(https://lh5.googleusercontent.com/_U0QaeycS3vw/Taqu74WricI/AAAAAAAAAkE/eEcZwcRj0ko/close.png) no-repeat right top;cursor:pointer;display:block;width:19px;height:19px;position:absolute;top:-2px;right:-5px} .notification p{width:400px;font-family:Arial,Helvetica,sans-serif;color:#323232;font-size:14px;line-height:21px;text-align:left;float:right;margin:10px 15px 0 0;*margin-top:15px;/*for lt IE8*/padding:0;/* TEXT SHADOW */ text-shadow:0 0 1px #f9f9f9} .notification:after{background: rgba(0, 0, 0, 0.77);content: &#39;&#39;;position: absolute;top: -500%;bottom: 0;right: 0;left: -500%;z-index: -1;width: 1000%;height: 1000%;} </style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){$(&#39;.notification&#39;).hover(function(){$(this).css(&#39;cursor&#39;,&#39;auto&#39;);});$(&#39;.notification span&#39;).click(function(){$(this).parent().fadeOut(800);});});</script> <div class='notification warning'><span/>

<div style='text-align:center;color:Red;font-weight:bold;font-size:14PX'> Like FP Wan Bloggers yah.. Thanks...</div> <iframe allowtransparency='true' frameborder='0' rel='nofollow' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=
http://www.facebook.com/IdFacebookAnda
&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=265' style='height: 265px;background: white;border-radius: 3px;'/> </div>

2. Ganti Tulisan yang berwarna merah dengan Alamat FP anda. Simpan dan lihat hasilnya.

Demikian Membuat Like Page Melayang Dengan Tombol Close kali ini, Semoga bermanfaat.
Setelah baca jangan lupa Like / jempolnya.

Thanks to : Dhio89     

0 komentar:

Poskan Komentar