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 aldio blog 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/AVvXsEirGhCzm7L59lLHHpWDPppmq1BPR_lHS9qXUr52QPT_s4QfDfmrEXixDhPGvg_QnpbqcCeTmz-Y31e2fpR7kQslj7rUwQD-_l8eSniYjL2quN_7KSTNPPDi2qm7fdAoiTH3nMaBcV0PPT8/) 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 Aldio Blog 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/AVvXsEirGhCzm7L59lLHHpWDPppmq1BPR_lHS9qXUr52QPT_s4QfDfmrEXixDhPGvg_QnpbqcCeTmz-Y31e2fpR7kQslj7rUwQD-_l8eSniYjL2quN_7KSTNPPDi2qm7fdAoiTH3nMaBcV0PPT8/) 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 Aldio Blog 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...
17 comments
wah.. kayaknya memperberat loading blog kayaknya ya sob???
keren bro..
tapi kesannya kok mengganggu gitu ya
orang mau berteman setengah dipaksa-paksa kasih jempol
Mantap Tutorialnya Teman, Like FB nya jadi bagus
Sip deh sob tutornya :)
Bungkus dulu ya..kapan2 ta coba hehe.. :)
siip buat nambah Ilmu...
keren tpi kayaknya akan memperberat loading blog ya?
Kunjungan perdana
salam kenal
wah baru nemu nih tutor langsung bookmark.. praktek dah
Lumayan berat gak ya sob kalau dipasang diBlog?
keren infonya!
Keren nih sob.. tapi g buat blog lola kan?
thanks gan....
sangat membantu
keren nih trik, tapi ada yg saya cari banget lom ketemu,, tulisan close baru bisa kepencet kalo loading blog selesai,,,,
thanks udh mau share ,,,,,
sep gan.. langsung praktek ditempatku :D
mantap gan
gan ane pasang skriptnya, kug malah menu ane gak jalan... kunjungi blog ane ya gan...
ini baru yang ane cari. thanks gan..
Post a Comment