Add Stripe Ad Navbar
| 
Author :
BlackID |
Boost Your Blog's Response Rate With "Stripe Ad"
If you see an example of Stripe-Ad over on this blog (the transparent object on bottom), at a glance looks almost identical to the standard Navigation Bar (Navbar) Blogger. The visitor also can view this navigation bar is the first time they visit your blog page. This ad will still appear even if readers do Mouse Scroll on the page. If the interested reader will most likely click it.
How to install Ad-Strip in Blogger:
1. Upload the javascript file to the location your file, save the file with the name 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. Go to the Edit HTML in blogger.
Copy-Paste CSS code below, place the above code ]]></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. Enter the code below JS, letakan above code </head>, do not forget to adjust the location of the URL address where yousave its JS file.
<script src='http://www.yourserveraddress.com/Stripe-Ad.js'
type='text/javascript'/>
4. Put the code below under the code <body>, Please adjust the settings under the link and description with your own.
<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://blackid-community.blogspot.com'
target='_blank'>Welcome to BlackID Community | [News Today] | International | .....</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='blackid-community.blogspot.com';return
true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;'
src='http://http://www.alamatserveranda.com/close.gif'
style='cursor:hand;cursor:pointer;'/></span></div>
5. Save your work:)
Happy Testing .. happy blogging ^ _ ^
Thanks to visit us,,
Please Leave a Comment or Exchange Link & Banner with us,,
Regards,,
Author BlackID Community
http://blackid-community.b
http://www.facebook.com/gr
Wednesday, September 09, 2009 |
Labels:
0 comments:
Post a Comment