Panduan Bina Blog dengan Mudah dan Pantas.

Letak Iklan Statik Leadearboard & Skyscraper

Letak Iklan Statik Leadearboard & Skyscraper

Perkingsian hari ini merupakan kesinambungan daripada artikel menjana pendapatan sampingan dengan nuffnang dan Tutorial mendaftar blog di nuffnang. Hari ini saya akan menerangkan bagaimana meletakkan iklan statik pada blog dengan butang close.

Sebelum itu kita fahamkan terlebih dahulu apa yang di maksudkan dengan statik? Statik tidak bergerak atau menurut kamus dewan bahasa dan pustaka, sesuatu objek yang berada di tempat yang tetap dan tidak berganjak sama sekali. Dalam hal ini iklan yang di pasang pada blog anda berada pada kedudukan yang tetap walau anda scroll ke bahagian paling bawah.

Dalam tutorial ini saya akan tunjukkan kod yang perlu anda gunakan untuk menjadikan iklan blog anda dalam bentuk Statik di lengkapi dengan butang tutup. Kelebihan menggunakan iklan statik adalah dari segi peratusan untuk di klik oleh pengunjung blog anda adalah sangat tinggi kerana ianya senantiasa terpapar pada paparan skrin pengujung.

Terdapat dua jenis iklan yang anda boleh letak dalam bentuk statik kerana bentuknya yang tidak lebar yang membolehkan anda menjadikannya iklan statik pada bahagian kiri atau kanan untuk iklan jenis skyscrapers (160 X 300) manakala untuk iklan jenis leaderboard (728 X 90) float pada bahagian footer.

Cara buat Iklan Statik Skyscrapers (160 X 300)

Langkah 1:
Login Ke akaun blogger.com

Langkah 2:
Klik layout >> Add Gadget >> Html/Javascript

Langkah 3:
Copy kod di bawah dan pastekan di langkah 2

<div id="cry1"><div style='display:scroll; position:fixed; bottom:1px; left:5px;'><a href="#" onclick="document.getElementById('cry1').style.display = 'none';"><img src="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png" alt="Close" /></a> 
<!-- nuffnang Skyscraper (160 X 300) -->
<script type="text/javascript">
        nuffnang_bid = "45fc645db79cdcd01784450a32779403";
        document.write( "<div id='nuffnang_ss'></div>" );
        (function() {  
                var nn = document.createElement('script'); nn.type = 'text/javascript';   
                nn.src = 'http://synad2.nuffnang.com.my/ss.js';   
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
        })();
</script>
<!-- nuffnang-->

</div></div>


Langkah 4:
Tukarkan tulisah berwarna merah pada kod tersebut dengan Kod iklan anda

Penerangan:
bottom boleh di tukar ke top sekiranya anda mahu iklan anda statik pada bahagian atas
left boleh di tukar ke right sekiranya anda mahu iklan anda statik pada bahagian kiri

Klik Save dan Lihat Hasilnya.

Cara buat Iklan Statik Leaderboard (728 X 90)

Langkah 1:
Klik Layour >> Add Gadget >> Html/ Javascript

Langkah 2:
Copy kod di bawah dan paste kan di langkah 1

<!-- Start Iklan Melayang Footer -->
<scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'> <br />
<script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script> 
<style type='text/css'> div#btm_banner { bottom: 0; position: fixed; width: 100%; opacity: 0.9; left: 0; } div#btm_banner img{ border:0; cursor:pointer; } </style> <div style='height: 0px;'></div> <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'> <div style='text-align: right; width: 735px; height: 3px;'> <img id='closed' src='http://1.bp.blogspot.com/-ZnIqE-UpShw/UTnoyUNMUyI/AAAAAAAAD4Q/wF0vVN4b3v8/s1600/close-icon.png'/></div> <div style='clear: both;'></div> <p> <p><center><!-- nuffnang -->
<script type="text/javascript">
        nuffnang_bid = "45fc645db79cdcd01784450a32779403";
        document.write( "<div id='nuffnang_lb'></div>" );
        (function() {   
                var nn = document.createElement('script'); nn.type = 'text/javascript';   
                nn.src = 'http://synad2.nuffnang.com.my/lb.js';   
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
        })();
</script>
<!-- nuffnang-->
</center></p> </p> </div>
<!-- End Iklan Melayang Footer --></scriptsrc='http:>


Langkah 3:
Gantikan kod warna merah dengan kod iklan anda. Klik save dan lihat hasilnya.
1 Komen untuk "Letak Iklan Statik Leadearboard & Skyscraper"

sy dah buat tapi knp iklan xkluar2 ne?

Terima Kasih Sudi Singgah Komen...

Back To Top