Add Below codes in head sections
.col-left {
float:left;
margin-right:10px;
width:48%;
}
.col-right {
float:right;
width:48%;
}
<style>
#bloggerfloatads {
height:30px;
width:auto;
background: #333333 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#bloggersfloatadsbase{
height:600;
margin:0auto;
width:160px;
background:#fff;
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
text-align:center;
padding:2px;
}
#bloggersfloatadsheadline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:5px;
right:0px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
#bloggersfloatads1 {
height:30px;
width:auto;
background: #333333 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#bloggersfloatadsbase1{
height:600;
margin:0auto;
width:160px;
background:#fff;
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
text-align:center;
padding:2px;
}
#bloggersfloatadsheadline1{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:5px;
left:0px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("bloggersfloatadsheadline").style.display = 'none';
}
</script>
<!--Add Below Body code-->
<body>
<div id="bloggersfloatadsheadline">
<div id="bloggersfloatadsbase">
<h3/>
<p align='left'><h3/></p>
<p>
Insert ADsense code
<br /></p></div></div>
<div id="bloggersfloatadsheadline1">
<div id="bloggersfloatadsbase1">
<h3/>
<p align='left'><h3/></p>
<p>
Insert Adsense Code
<br /></p></div></div>
<!--Finish-->
View Preview Sample :Sample Blogger Site
Also use in Html Sites
0 Comments