Tutorial: Letak Iklan Teks Seperti Navigation Bar

Salam singgah semua ke blog Man yang tak seberapa ni. Boring hujung minggu ni tak tau nak buat ape, Man godek-godek dapat la jumpa tutorial ni. Tak tau kalau korang dah pernah cube ke tak. Kalau belom, sile2 :)

Kalau korang ada iklan nak promote kat lain2 blogger, boleh cuba tutorial ni. Hasilnya nanti korang boleh nampak di blog korang akan keluar seperti navigation bar. Tapi hanya iklan teks je la. Mane la tau kot2 korang nak promote link says.my @ churp2 korang tu..Heheh Kelebihan bar ni ia akan tetap berada dikedudukannya. Sila tengok dibahagian bawah di test blog.

 

Tutorial di bawah.

1. Backup template korang dulu.
2. Dari Dashboard > Template > Edit HTML > Layout > Expand Widget Template
3. Cari kod ]]></b:skin> dan paste kod dibawah sebelum ]]></b:skin>

#mta_bar {
background:#003366;
border-top: 3px solid #6699ff;
margin: 0;
padding: 7px 0;
z-index: 100;
bottom:0px;
right:0px;
width: 100%;
overflow: auto;
position: fixed;
}
* html #mta_bar{
/*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_y99jQDzjpU3dbTZ04WRKfZc8sqNNCwpnoNH0IFuO99AQtMGzUcAy5j5qqlxn3GMGljjBmjjUlG3D4sKVg7XZLB1wYaoYxpgUKpqwj0DaXxt-eBdjrsjh3LL6kihXeN5btc353abyHkM/?imgmax=800') no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}
#left_bar a:hover { text-decoration: underline; color: #fff; }

4. Cari kod </head> dan paste kod dibawah sebelum kod </head>

<script type='text/javascript'>
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("mta_bar").style.visibility = "hidden";
}
//]]>
</script>

5. Cari kod </body> dan paste kod dibawah sebelum kod </body>

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://URL BLOG KORANG KAT SINI.com' target='_blank'>Ayat Korang Sendiri</a></span></div><span class='right' onmouseout='self.status=''' onmouseover='self.status='NAMA BLOG KORANG.blogspot.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXePsPQBH-2fL8nlPOgiNCwtijpnUe9CZ0lSTE2wzWXsRnmwLIfj4320G3JeDwY78yH8fAvUjh-NNVckTq8iwkfsEhm7N-t3DHQIymazT38q7Esj3HG1Euq8P5VRNo3iOSVSCp78qx3Jc/?imgmax=800' style='cursor:hand;cursor:pointer;'/></span></div>

6. Tukarkan  http://URL BLOG KORANG KAT SINI.com, Ayat Korang Sendiri dan NAMA BLOG KORANG.blogspot.com dengan URL blog dan ayat korang sendiri

7. Preview dulu. Kalau takde error, save je terus :)


Senang kan? Kalau ada masalah, silelah komen kat bawah. Happy blogging :)

Iklan Teks: Klik Sini Untuk Ketahui Cara Untuk Bypass adf.ly