Sobat pasti bingung kalau sudah klik postingan ini,apa yang di maksud Stript Ads,Stript Ads adalah pengganti Navbar pada blogspot yang dimana Navbar asli hilang dikarenakan,template yang dimodifikasi sedemikian rupa,namun disini saya akan memberikan sedikit tutorial tentang Membuat Navigasi Stript Ads yang di mana fungsinya sama seperti navbar bawaan blogger,namun apabila bosan
navigasi ini bisa dihilangkan dengan cara mengklik tombol CLOSE pada pojok kanan atas yang berwarna merah
Lansung saja tanpa basa basi ini dia tutorialnya
1. Upload File javascript dibawah ke lokasi penyimpanan file anda, Simpan file dengan nama Stript-ad.js
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";
}
2.Silahkan menuju ke halaman Edit html di blogger.
Copy-Paste kode CSS dibawah, letakan diatas kode ]]></b:skin>
#mta_bar { background: #FFFFE1; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; 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 { text-decoration: none; color: #0000FF; }
#left_bar a:hover { text-decoration: underline; color: #0000FF; }
3. Masukan kode pemanggilan Stript Ads dibawah, letakan diatas kode </head>, jangan lupa ganti ganti tulisan yang berwarna merah di bawah ini dengan alamat lokasi URL dimana anda meyimpan file JS-nya.
<script src='http://www.alamatserveranda.com/Stripe-Ad.js' type='text/javascript'/>
4. Letakan kode dibawah ini dibawah kode <body> Silahkan sesuaikan settingan dibawah dengan link dan deskripsi anda sendiri.
<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/Ardablog' target='_blank'>Kurang lebih 3200 pembaca Rss Feed sudah bergabung, Sudahkah anda?</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='Arda Blog';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='Ganti Dengan Url Tombol Close anda' style='cursor:hand;cursor:pointer;'/></span></div>
Kalau sudah lengkap langkah-langkahnya sillakan save lalu lihat hasilnya di blog sobat,kalau sudah itu fungsinya sama dengan navigasi bar (navbar)
Home
Tutorial Blog
Membuat Navigasi Stript Ads
Rabu, 02 Februari 2011
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar