How Make And Add Stripe Ads in Blogger Blogspot

Stripe Ad is a strip of highlighted ad-space below the browser's navigation. Stripe ad is a neat way to extend space to create additional advertising room, and the most popular position for stripe-ad is on top of page. It has extremely visible to the website visitor since it's the first thing the visitor sees on the site.

This will helps you to keep as many as referral links or any single line information at the very top. You can add a notice information about latest updates. You can post your ads and double your income and more.

You can see this ad at my Blog too,

how make and add stripe ads in blogger blogspot

This is very Simple Trick to Add Stripe Ads to Your Blog.

1. Go to Blogger
2. Design > Edit HTML tab
3. Copy and Paste the following CSS code right above ]]></b:skin>

#mta_bar { background: #3C3C3C; 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==&quot;CSS1Compat&quot;? document.documentElement.clientWidth+&quot;px&quot; : body.clientWidth+&quot;px&quot;); }
#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: #32AAFF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #32AAFF; text-decoration: none;}
#left_bar a { text-decoration: none; color: #32AAFF; }
#left_bar a:hover { text-decoration: underline; color: #32AAFF; }

4. Find this code in your template </head>
5. Copy and Paste the following code right above </head>

<script type='text/javascript'>
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;
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.pagetop - mta.mtaoffset + "px";
function closeTopAds() {
document.getElementById("mta_bar").style.visibility = "hidden";


6. Find this code </body> in your template
7. Copy and Paste the following code right above </body>

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='' target='_blank'>How to Make and Add Stripe Ads in blogger Blogspot </a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;'
src='' style='cursor:hand;cursor:pointer;'/></span></div>

Change RED lines in above code with your URL and Text you want to show and Rss Feeds.
Click Save Template and See The Result....!

You might also like: MyBlogGuest - Makes Guest Blogging Easy
Add Back To Top Button To Your Blogger Blospot
125 by 125 Ad Banner Widget For Blogger Blogspot
How To Add Inline Related Posts Middle Of The Content In Blogger

Post a Comment

Post a Comment (0)
To Top