Cara Membuat Iklan Pop-Up Di Blog

 Bagaimana Cara Membuat Iklan Pop-Up Di Blog Seperti Vemele.com.Apakah anda termasuk penggemar Web Vemele.com.Jika iya pasti anda sudah tau vitur apa saja yang ada di blog Vemele.com.Kali ini saya akan membahas tentang iklan yang hampir mirip dengan iklan pop-up yang di pasang di blog vemele.com.Anda Berminat ingin membuatnya?Jika anda ingin membuatnya iklan Pop-up ikuti langkah-langkah yang facewoman berikan di bawah ini :

Di bawah ini adalah hasil screenshoot Iklan Pou-Up yang Facewoman Buat :

Cara embuat Iklan PoupUp seperti Vemele

1.Pertama-tama Login Blogger.
2.Lagkah kedua Tata Letak - Tambah Getget - lalu cari Add Java Scrip Kalu sudah pastelkan kode di bawah ini kedalam Add Java Scrip :

<style type="text/css">
    margin: 0;
    padding: 0;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.8em;
}
img {border: none;}
a {color: #0052af;}
.container {width: 900px; margin: 0 auto; font-size: 1.2em;  color: #555;}
#content {    background: #f0f0f0; float: left; width: 100%;}

/*--POPUPS--*/
#fade {
    display: none;
    background: #000; 
    position: fixed; left: 0; top: 0; 
    z-index: 10;
    width: 100%; height: 100%;
    opacity: .80;
    z-index: 9999;
}
.popup_block{
    display: none;
    background: #fff;
    padding: 20px;     
    border: 1px solid #ddd;
    float: left;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
img.btn_close {
    float: right; 
    margin: -45px -45px 0 0;
}
.popup p {
    padding: 5px 10px;
    margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}
</style>
     <div class="post"><a href="#?w=350" rel="popup3" class="poplight"></a></div>
<div style="display: none; width: 900px; margin-top: -200px; margin-left: -200px;" id="popup3" class="popup_block"><a href="#" class="close"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaqWCtx7xagCpmkaF9kT4tNUIvTluSAX5FnaIrt0E7XNWYr_1CjtIJB7du3rUb_0rx9LAQJPgutr_3CXq3b2MQxp14tHRMqUVDHdzP1QaWMJNOBzPQ6yxYEiGnguSVqZNbWpE-uC4in8/s1600/close_icon.png" class="btn_close" title="Klik Keluar" /></a>

<a href="http://facewoman.blogspot.com/2012/08/rekomendasi-label-blog-facewoman.html" title="Rekomendasi Label Blog Facewoman."><img width="350" height="250px" title="Rekomendasi Label Blog Facewoman." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4JIa8Yq31HDuH3JXvC-4J_jBxACz62ITT5omTi9gxevnq45BmxnxDbdpmza8GsICKOLeeBvtYABbhob2E1Qef5q3R6hJWwjb2joOXCYoFeShChcH0wl1nqDb9Vtnwt_zf47ZuKF5QZpj0/s1600/Andikwin+Admin+Blog.jpg"/></a>


<div class="menu" style="background-color:white;margin-top:3px;padding-left:5px;padding-top:5px;">
<iframe allowtransparency="true" frameborder="0" id="fblikeid" scrolling="no" src="http://www.facebook.com/plugins/like.php?locale=en_US&amp;href=http://www.facebook.com/sukakubaca&amp;layout=standard&amp;show_faces=false&amp;show_faces=false&amp;width=200&amp;action=like&amp;font&amp;colorscheme=light&amp;height=35" style="border: none; height: 30px; overflow: hidden; width: 280px;"></iframe>
</div></div>


<script src='http://facewoman.googlecode.com/files/Pop-Up-andikwin.js' type='text/javascript'/>

Keterangan :

1. Ganti Alamat http://facewoman.blogspot.com/2012/08/rekomendasi-label-blog-facewoman.html dengan Alamat Link iklan Anda.
2. Ganti Image  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4JIa8Yq31HDuH3JXvC-4J_jBxACz62ITT5omTi9gxevnq45BmxnxDbdpmza8GsICKOLeeBvtYABbhob2E1Qef5q3R6hJWwjb2joOXCYoFeShChcH0wl1nqDb9Vtnwt_zf47ZuKF5QZpj0/s1600/Andikwin+Admin+Blog.jpg dengan alamat Image Link Iklan anda.
3. Ganti ID  sukakubaca dengan Nama ID Like Fb anda.

3.Langkah Terakhir Save Atau Simpan Java Scrip.