cara membuat iklan popup Jquery keren di blog

cara membuat Iklan dinamis diblog

mungkin sobat pernah mengunjungi blog seperti detikcom nah disitu sering ditampilkan iklan popup yang muncul ketika halaman diload. halaman seperti itu sangat dinamis gan jadi ngak terlalu rewel hehehe. cara membuatnya sangat mudah sekali gan dan hanya membutuhkan jquery.

berikut cara membuat iklan jquery dengan tombol close di blog

silakan agan masuk keblognya lalu pilih template dan klik edit template 

sobat tinggal tekan Ctrl+F untuk m
encari kode dibawah ini

]]></b:skin>

jika sudah ketemu tambah kode dibawah ini tepat dibawahnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
 
<script type='text/javascript'>
 
    $(document).ready( function() {
 
        // When site loaded, load the Popupbox First
        loadPopupBox();
 
        $(&#39;#popupBoxClose&#39;).click( function() {        
            unloadPopupBox();
        });
     
        $(&#39;#container&#39;).click( function() {
            unloadPopupBox();
        });

        function unloadPopupBox() {    // TO Unload the Popupbox
            $(&#39;#popup_box&#39;).fadeOut(&quot;slow&quot;);
            $(&quot;#container&quot;).css({ // this is just for style    
                &quot;opacity&quot;: &quot;1&quot;
            });
        }
     
        function loadPopupBox() {    // To Load the Popupbox
            $(&#39;#popup_box&#39;).fadeIn(&quot;slow&quot;);
            $(&quot;#container&quot;).css({ // this is just for style
                &quot;opacity&quot;: &quot;0.3&quot;
            });      
        }    
    });
</script>

lalu klik simpan template
dan terakhir menerapkannya sobat tinggal masuk ke tata letak dan tambahkan widget html/javascript
dan masukan kode dibawah ini

<div id="popup_box">
    <h1 style="text-align:center"><br/><br/><br/><br/>Selamat Datang Di Kutuitanyung Blogs!</h1>
    <a id="popupBoxClose">Tutup Iklan Ini</a></div>


nah yg bewarna merah silakan masukan kode iklan yang ingin ditampilkan. itulah cara membuat iklan dinamis dengan jquery di blog oya simpan widgetnya tadi, oke