Cara Membuat FB Like Box Melayang Dengan Tombol Close
Baik sobat farhan kita langsung saja ke inti pembicaraan kita pada hari
ini, ini dia langkah-langkah membuat FB Like Box melayang, di simak
baik-baik ya.
1. Login Ke Blogger.
2. Pilih Template.
3. Pilih Download template Full untuk berjaga-jaga.
4. Pilih Edit HTML.
5. Centang box "Expand Template Widget".
6. Lalu sobat cari kode </body> menggunakan F3 atau CTRL+F, jika sudah ketemu lalu sobat letakkan kode di bawah ini persis di bawah kode </body>.
<style type='text/css'> .notification{width:350px;height:260px;display:block;position:fixed;bottom:100px;left:490px;/*Border
Radius*/border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;/*Box
Shadow*/-moz-box-shadow:2px 2px 2px #cfcfcf;-webkit-box-shadow:2px 2px
4px #cfcfcf;box-shadow:2px 2px 2px #cfcfcf} .notification
span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigSYhK47h6OnFFJWt1kIe1fv6FZGuPfFn3a8PwdosJbDxaqaLjZvSO_w_D8kLFfyrCrksa83b76T7reHO5O2EBJFr0At5UKqIfUgMFC_lYaTIr-Owkt1NOEG5rtUQbk23x2Q2J1MDV3gM/)
no-repeat right
top;cursor:pointer;display:block;width:19px;height:19px;position:absolute;top:-9px;right:-8px}
.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} .warning{border-top:1px solid
#fefbcd;border-bottom:1px solid #C5D5E6;/*Background
Gradients*/background:#C5D5E6;background:-moz-linear-gradient(top,#fff,#C5D5E6);background:-webkit-gradient(linear,left
top,left bottom,from(#fff),to(#C5D5E6))}
.warning:before{content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGEVwPTifebokdKxQBATSCOs5FLDTVkH0DdV4c4ayhZTO7lw-BocSQENrWdMdLzNoFDgob8cTgkix0gi-zH99VgmdI-e0JGHyFDR9n6w9aWQUHbXlqgRAV44iCmBUav5SNqTfa7wYuOAs/);float:left;margin:5px
0px 0 5px}.warning strong{color:#e5ac00;margin-right:15px}
</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/> <center>
Kode Like Box Fan Page Facebook Kamu
</center></div>
Catatan : Kode yang berwarna hijau bisa disesuaikan dengan ukuran Like Box yang sobat miliki.
Catatan : Kode yang berwarna biru bisa diganti dengan kode script FB Like Box kamu.
7. Klik "Save" dan Selesai.
0 comments:
Post a Comment