Paling Baru :

Senin, 23 Juni 2014

Cara Buat Like Facebook melayang dengan tombol close

khoir | 09.30 | |

Kadang ada sebagian pengunjung yang bosan dengan tampilan blog yang ada tampilan gambar melayang apalagi iklan yang melayang dengan tombol close.
akan tetapi masih ada yang ingin atau suka membuat blog/web mereka di ramaikan dengan scrip melayang dengan harapan akan di klik pengunjung, akak tetapi ini bisa di bilang pemaksaan.
kalau artikel di blog/web kita bagus maka pengunjung pun akan dengan suka rela like fb,twit,maupun google+ kita, karena itu merupakan penilaian langsung dari pengunjung bahwa seberapa bagus dan pantaskah blog kita mendapat like mereka.
postingan kali ini akan sedikit berbeda dengan apa yang aderiko.blog ungkapkan diatas.
karena ade akan menjelaskan bagaimana cara membuat like facebook melayang dengan tombol close, yang mana ada sobat aderiko.blog yang menanyakan bagaimana cara membuta like facebook langsung tampil saat pertama kali blog dibuka.
langsung saja.
  1. Login blogger
  2. Pilih Template
  3. Pilih Edit HTML
  4. klik di dalam kolom scrip kemudian cari kode </body> dengan menekan CTRL+F kemudian letakan kode di bawah ini tepat 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/AVvXsEh1lmEsvBywqXXdX8TpiiCsZNQfhlPcRFDgBULRfEfxQoV72wr43k2DhwvLxfw24Nc9cQrXbnZ64HWdWcl4cKhGKLzfvwaO9VWhizNWHMO0JU56d1yL53XDylJMomgRz43ZJXfJaeS_YS8/) 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/AVvXsEjBqtuy7xRQ9365qNeKJGzFIKp-REeLEd5r61Q_fxElh007Xflo45U6TqXyuplmeTpa7-dCNvn7aTCPhlnDCM2lzJxtPi5JEC_QkrT-T0sL_qWNYBVTN0qKMPfBIpgRuJ4fhc43Ahcbzfo/);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.
Kode yang berwarna biru bisa diganti dengan kode script FB Like Box kamu.


Berkomentar dengan
atau
silahkan tentukan pilihan sobat!

1 komentar:

Translate

PPC Iklan Blogger Indonesia

Followers

 
Flag Counter
Copyright © 2013. ADERIKO.BLOG - All Rights Reserved