Monday, April 18, 2011

CARA MEMBUAT IKLAN POP UP (MELAYANG) Tutorial Menambah Aplikasi Iklan Pop UP atau iklan melayang di blogspot

Artikel kali ini adalah Cara Membuat Tampilan Iklan Pop UP (Melayang) di blogger. ini sangat mudah untuk anda buat. hanya sedikit menambah kode ke dalam blog anda. anda penasaran, berikut ini cara-caranya.


  • Login terlebih dahulu ke blogger
  • Kemudian klik tambah gadget
  • Pilih HTML/JavaScript
  • Copy dan Pastekan kode di bawah ini ke dalam nya 
  • <style>
    #topbar {
    height:30px;
    width:auto;
    background: #005094 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');
    background-repeat:repeat-x;
    text-align:left;
    padding-top:4px;
    }
    #adsground {
    height:auto;
    margin:0 auto;
    width: 728px;
    background:#fff;
    border-bottom:2px #005094 solid;
    border-right:2px #005094 solid;
    border-left:2px #005094 solid;
    text-align:Center;
    padding:4px;
    }


    #headlineatas {
    opacity:1.0;
    height:auto;
    width:auto;
    position:fixed;
    top:65px;
    left:170px;
    border-bottom:1px #005094 solid;
    border-bottom:0px blue solid;
    color:#333;
    padding:0px;
    z-index:1001;
    font-size:13px;}
    </style>
    <script type="text/javascript">
    function getValue()
    {
    document.getElementById("headlineatas").style.display = 'none';
    }
    </script>
    <div id="headlineatas">
    <div id="topbar">
    <img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png" />
    <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Space Ads</span>
    <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://submitbookmarker.com" target="_blank" onclick="getValue()">close</a></span>
    </div>
    <div id="adsground">
    <h3>Sponsor Ads </h3>
    <p align="left"><h3></h3></p>
    <p>
    <script src="http://kumpulblogger.com/scahor.php?b=75524&onlytitle=1" type="text/javascript"></script>
    <br/></p></div></div>

  • Kemudian simpan
  • Ganti Kode yang di berwarna merah di atas dengan kode iklan yang anda inginkan.
  • Selesai...

Semoga artikel singkat di atas bermanfaat buat anda semua dan untuk mempercantiknya lagi anda bisa mengeditnya sendiri. salam sukses....


6 comments

sangat membantu. Terima kasih banyak. dari amatiran Semarang.

Regards

boleh dicoba nech,,,,

mampir juga diblog sederhana saya gan,,

http://ajianaksmknpur.blogspot.com/

tolong mampir keblog saya gan!
follow yah ..nanti follow balik!

hahahaha....

makasi infonya,,,,

mampir donk ke tmpat kita....

Pendownload yang baik itu yang meninggalkan komentar, biarpun itu hanya ucapan " Terima Kasih "
EmoticonEmoticon