Cara Membuat Facebook Melayang Atau Pop up Keren

Cara Membuat Facebook Melayang Atau Pop up Keren

 Cara Membuatnya Pop Up ada banyak cara,beberapa diantanya Tutorial yang pernah saya gunakan terpaksa saya lepas karna sudah tidak sesuai dengan apa yang diinginkan pengunjung,masalah utamanya adalah karna beratnya widget Pop Up yang membuat pengunjung malas membuka blog anda,kehilangan pengunjung dong.
 Nah mengataso masalah ini,ada bisa membuat Pop Up keren seperti gambar diatas,Pop Up tersebut sangat tidak ringan,membuat Pengunjung bosan,dan tentunya keren.Gambar bisa diubah dengan sesuka hati,usahakan menggunakan gambar keren,disukai Pengunjung atau yang lagi trend.

 Demo
CSS

<style type='text/css'>
#wowpopupdiv{display:block;}}
* html #wowpopupdiv {position:absolute;}
#wowpopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url(&#39;https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png&#39;);margin:0; overflow-y:auto;}
#wowpopup {background-color: #fff; overflow:none;}
.wowpopup {width:500px; height:350px; position:fixed; top:50%; left:50%; margin-top:-200px; margin-left:-250px;
background:url(http://2.bp.blogspot.com/-XIC6k_EnHS4/U-fjQhW_g-I/AAAAAAAAQ7c/RkMLQVbwq_w/s1600/No.png)no-repeat;border:2px solid #fff;}
  </style>



HTML

<div id='wowpopupdiv'><div class='wowpopup' id='wowpopup'><center onmouseup='document.getElementById(&apos;wowpopupdiv&apos;)
.style.display=&apos;none&apos;' style='background:#fff;color:#000;cursor:pointer;float:right;margin-right:-2px;margin-top:-35px;padding:0px 10px;font-family:Arial;font-weight:bold;font-size:25px;'>X</center><div style='margin:320px 0px 5px 150px;'><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.
facebook.com%2FPathmoMedia&amp;width&amp;

layout=button&amp;action=like&amp;show_faces=false&amp;share=false&amp;
height=35&amp;appId=1380272272211892' style='border:none; overflow:hidden; height:35px;'/> </div></div></div>
Catatan :

  1. Ubah Tulisan/HTML berwarna biru diatas dengan HTML Facebook anda,kodenya bisa anda ambil dari Facebook develover disini 
  2. Anda bisa mengubah Gambar Pop Up dengan Cara mengubah URL Gambar pada CSS,Gambar CSS saya tandai berwarna Hijau Diatas.


Cara pasang:

 Anda bisa memasang Widget ini pada bagian Layout atau pada bagian HTML Blog,caranya Cukup gampang.

1.Cara Menambah Pop up pada Layout

  • Login ke Blogger
  • Masuk ke Tata Letak/Layout
  • Tambahkan Sebuah Gadget HTML
  • Pastekan saja CSS dan HTML diatas
  • Save
2.Cara Memasang Pop up pada HTML
  • Login ke Blogger
  • Masuk Ke Editor HTML
  • Cari HTML <body>
  • Pastekan CSS dan HTML diatas.
  • save


Read More : http://idthetemplate.blogspot.com/2014/08/cara-membuat-facebook-melayang-atau-pop.html#ixzz3A4Ebw3lZ