Thursday, 8 August 2013
Add 3 Ads In Blogger Template
Go to "Edit HTML" page
# STEP 1
Find this code ]]></b:skin>, copy and paste the following code above ]]></b:skin>
#mainads {
width: 668px;
word-wrap: break-word;
overflow: hidden;
padding:10px 10px 0;
margin:0px 0 0px;
background-color: #505050; border: solid 1px #666;
}
.mainads {
width:210px;
float:left;
margin:0 5px;
}
.mainads ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.mainads li {
margin:0 0 5px;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
line-height:1.5em;
background:#444;
padding:5px;
border: 1px solid #333;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.mainads .widget {
margin:0 0 10px;
padding:10px 5px 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtwoqiyMjkiaUrXQ4yR-PTx9kIINP-mJOqaID5XKfL1ERWwLZh45eNWBaqV7V50KQDDEW9C1PqFifuk0f6520obzOzQ0weErKBOwzowXP10ZvCDPr6Z5IzisZ91orq-yk-Jh1z2NZ_aujr/s1600/post-bg.jpg) no-repeat;
}# STEP 2
Find this code <div id='main-wrapper'>, copy and paste the following code under <div id='main-wrapper'>
<div id='mainads'>
<b:section class='mainads' id='mainads1' preferred='yes'/>
<b:section class='mainads' id='mainads2' preferred='yes'/>
<b:section class='mainads' id='mainads3' preferred='yes'/>
</div>
<div style='clear:both'/># STEP 3
Preview template, if there are no error then Save.
Now you have 3 new elements on top of posts element.
OR USE THIS TRANSPARENT CSS CODE
#mainads {
width: 800px;
word-wrap: break-word;
overflow: hidden;
padding:10px 10px 0;
margin:0px 0 0px;
background-color:transparent; border: solid 1px transparent;
}
.mainads {
width:200px;
float:left;
margin:0 5px;
}
.mainads ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.mainads li {
margin:0 0 5px;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
line-height:1.5em;
background:#444;
padding:5px;
border: 1px solid #333;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.mainads .widget {
margin:0 0 10px;
padding:10px 5px 20px;
background-color:transparent
}
Related movie you might like to see :
WHACK A RAT CSS GAME
USE ARABIC URDU LANGUAGE IN HTML
POST DATE THUMBNAIL IN BLOG
POST DATE HEADER IN BLOG
SEARCH YOUR VIDEO IN GOOGLE
BUTTON PADDING CHANGE HEIGHT WIDTH
CSS SYNTAX HIGHLIGHT CHANGE IN NOT...
WEB IMAGE DOWNLOADER
TEXT COMPARE OR DUPLI TEXT FINDER
BLOCK JAVA SCRIPT BY GOOGLE CHROME
MOUSE COORDINATES IN JAVA SCRIPT
RELATED POST WIDGET LIST WITHOUT TH...
Related Post for Add 3 Ads In Blogger Template
IMAGE UPLOAD WITH JAVA WITH PHP CODE
NOTEPAD++ REMOVE UNWANTED LINES
SCREEN TO GIF
CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER
TEXT COMPARE OR DUPLI TEXT FINDER
RELATED POST WIDGET LIST WITHOUT THUMBNAIL
DRAG AND DROP WITH IMAGE
WEB IMAGE DOWNLOADER
BUTTON CHANGE INTO DROPDOWN MENU
BLOCK JAVA SCRIPT BY GOOGLE CHROME
IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE
ARROW BUTTON
BUTTON PADDING CHANGE HEIGHT WIDTH
MOUSE COORDINATES IN JAVA SCRIPT
NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST
CSS CLICK DROPDOWN
HTML CSS GREEN COMMENTS NOTEPAD++
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.