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. Untuk Contohnya anda bisa lihat sendiri diblog tersedunia ini, 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfSmfrDFgK30NLsz6RBonF3p5Hy7ktPxGUZz7LX_fdW60pFDJUAnP3uJ-bE0dkygy4jI28-ssHKwtksmFVDOD9aAYxBpDJISHKYUZK7bR68Fa07m8Fv87iJbDPpSS59CwrLIXluO-D4ak/) 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: '';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(){$('.notification').hover(function(){$(this).css('cursor','auto');});$('.notification span').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 Tersedunia yah.. Thanks...</div> <iframe allowtransparency='true' frameborder='0' rel='nofollow' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfSmfrDFgK30NLsz6RBonF3p5Hy7ktPxGUZz7LX_fdW60pFDJUAnP3uJ-bE0dkygy4jI28-ssHKwtksmFVDOD9aAYxBpDJISHKYUZK7bR68Fa07m8Fv87iJbDPpSS59CwrLIXluO-D4ak/) 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: '';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(){$('.notification').hover(function(){$(this).css('cursor','auto');});$('.notification span').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 Tersedunia 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/AldioBlog
&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&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, jika diantara anda yang mengalami kesalahan atau gagal silahkan tanyakan kepada saya...
www.tersedunia.blogspot.com
Tidak ada komentar:
Posting Komentar