Bagaimana Memasang iklan Melayang

on Saturday, September 1, 2012


Tutorial kali ini akan mengajar anda untuk memasang iklan melayang kedalam blog anda.
Sebagai contoh kali ini,saya menggunakan nuffnang sebagai pengiklanan di dalam blog.
mungkin anda ingin menggunakan adverlets,terpulang pilihan hati masing-masing.

Sebelum itu,anda perlu copy dulu kode yang anda ingin masukkan untuk dijadikan iklan melayang
sebagai contoh code iklan dari nuffnang :-
<!-- nuffnang -->
<script type="text/javascript">
        nuffnang_bid = "2cfa4c2822ab10f8d62fe584d003f1fe";
        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-->
                        

1)Login ke akaun blogger>Dashboard>Design>page elements>Add a Widget>HTML/Java Script
2)Copy code dibawah ini dan gantikan tulisan merah dengan code pengiklanan yang anda dapat diatas,sebagai contoh yang digunakan iklan dari nuffnang.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:<img src="http://www5.picturepush.com/photo/a/9132823/640/9132823.png" title="tawaran menarik" alt="tutup" />:.
</a>
</div>
<center>

masukkan code yang anda dapat dari syarikat pengiklanan disini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

3)Preview dan jika berpuas hati klik save.done
Ranking: 5

{ 0 comments... read them below or add one }

Post a Comment