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
ARROW BUTTON
SCREEN TO GIF
BUTTON PADDING CHANGE HEIGHT WIDTH
IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE
RELATED POST WIDGET LIST WITHOUT THUMBNAIL
TEXT COMPARE OR DUPLI TEXT FINDER
NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST
WEB IMAGE DOWNLOADER
CSS CLICK DROPDOWN
BLOCK JAVA SCRIPT BY GOOGLE CHROME
DRAG AND DROP WITH IMAGE
HTML CSS GREEN COMMENTS NOTEPAD++
BUTTON CHANGE INTO DROPDOWN MENU
CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER
MOUSE COORDINATES IN JAVA SCRIPT
NOTEPAD++ REMOVE UNWANTED LINES
IMAGE UPLOAD WITH JAVA WITH PHP CODE
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.