Jump to content

How To Float Right Adsense


ofwblogger

Recommended Posts

anybody here knows how to float right adsense on blogger.com using classic template? i tried so many tips like div float right but the adsense just align to the right and not floating into my content. any posible ways like the attached image? thanks for the help!untitled.gif

Link to comment
Share on other sites

I'd have to see what HTML code is being used to place it on the page. using float: right is the only way to do it, but there could be anything else intefering.

Link to comment
Share on other sites

I'd have to see what HTML code is being used to place it on the page. using float: right is the only way to do it, but there could be anything else intefering.
finally i got a reply! thanks if theres other way to solve! youre correct i think theres something interfeing. here my blog: http://ofw-middle-east.blogspot.com/ you can view the page source. i hope you can help me about this one!i post my css and the html adsense below. sorry i post twice
Link to comment
Share on other sites

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="<$BlogLanguageDirection$>"><head>  <title><$BlogPageTitle$></title><script type="text/javascript"><!--function MM_jumpMenu(targ,selObj,restore){ //v3.0  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");  if (restore) selObj.selectedIndex=0;}//--></script><meta name="robots" content="Index, follow"/><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/><meta name="keywords" Content="OFW Middle East, OFW, Philippine Overseas  Employment Administration, OFW Remittance, Middle East, Qatar, Saudization, Migrate, immigration, expatriates, Downloads, Movies, Saudi Arabia, United Arab Emirates, Dubai, Abudhabi, Al Ain, Oman, Muscat, Libya, Yemen, Overseas Filipino Workers, Philippines, passports, embassy, visa, job search, health, hotels, news, Filipinos"/><meta name="description" Content="OFW Middle East contains News, Informations and Events about OFW in the Middle East"/>  <style type="text/css"><MainOrArchivePage>    span.fullpost {display:none;}</MainOrArchivePage><ItemPage>    span.fullpost {display:inline;} </ItemPage>	/* Primary layout */body	{	margin: 0;	padding: 0;	border: 0;	text-align: center;	color: #000000;	background: #ffffff;          top center repeat-y;	font: small arial, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;	}img		{	border: 0;	display: block;	}/* Blogger Navigation Bar */#navbar-iframe {opacity:0.0;height: 10px;filter:alpha(Opacity=0)}#navbar-iframe:hover {opacity:1.0;height: 30px;filter:alpha(Opacity=100, FinishedOpacity=100)border: 2px;}/*Blogger-Help-http://bloggerstop.net*/	/* Wrapper */@media all {  #wrapper {    margin: 0 auto;    padding: 0;    border: 0;    width: 980px;    text-align: left;    background: #ffffff top right repeat-y;    font-size:90%;    }   }	/* Header */#blog-header	{	color: #ffffff;	background: #3069ae url(http://i184.photobucket.com/albums/x240/apcruz_2007/philippine_flag.gif) bottom left repeat-x;	margin: 0 auto;	padding: 0 0 70px 0;	border: 0;	}#blog-header h1	{	font-size: 24px;	text-align: left;	padding: 15px 20px 0 20px;	margin: 0;	background-image: #3069ae;	background-repeat: repeat-x;	background-position: top left;	}	#blog-header p	{	font-size: 150%;	text-align: left;	padding: 3px 20px 10px 20px;	margin: 0;	line-height:140%;	}		/* Inner layout */#content	{	padding: 0 20px;	}	@media all {  #main {    width: 450px;float: left;    text-align: justify;}  #sidebar  {    width: 200px;    float: right;    } #sidebarL {width:220px;float:left;}    }#top_bar {height:32px; background:#ffffff; width:auto;}#top_bar p{border:0; margin:0; padding:0; margin:0 auto; width:960px;}#top_bar a:link, #top_bar a:visited{display:block; float:left; border-right:solid 1px #7FABC4; padding:0 10px; color:#ffffff; font-size:11px; height:20px; line-height:20px; margin-top:6px;} 	/* Bottom layout */#footer	{	clear: left;	margin: 0;	padding: 0 20px;	border: 0;	text-align: left;	border-top: 1px solid #f9f9f9;	background-color: #fdfdfd;	}	#footer p	{	text-align: left;	margin: 0;	padding: 10px 0;	font-size: x-small;	background-color: transparent;	color: #999;	}	/* Default links 	*/a:link, a:visited {	font-weight : bold; 	text-decoration : none;	color: #3069ae;	background: transparent; 	}a:hover {	font-weight : bold; 	text-decoration : underline;	color: #3069ae;	background: transparent; 	}a:active {	font-weight : bold; 	text-decoration : none;	color: #3069ae;	background: transparent;  	}		/* Typography */	#main p, #sidebar p {	line-height: 140%;	margin-top: 5px;	margin-bottom: 1em;	}  .post-body {  line-height: 140%;  } h2, h3, h4, h5	{	margin: 25px 0 0 0;	padding: 0;	}h2	{	font-size: large;	color:#ffffff;	background-image: url(http://i832.photobucket.com/albums/zz242/ofw_blogger/Untitled-3copy-1.gif);	background-repeat: no-repeat;	background-position: left;       text-align:left;}h3.post-title {	margin-top: 5px;	font-size: small;          background: 663333;    padding: 0.5em;  	  }h3.date-header{	font-size: small;         color:#000000;}ul	{	margin: 0 0 25px 0;	}li	{	line-height: 160%;	}#sidebar ul 	{	padding-left: 10px;	padding-top: 3px;	}#sidebar ul li {	list-style: inside;	vertical-align: top;	padding: 0;	margin: 0;	}	dl.profile-datablock	{	margin: 3px 0 5px 0;	}dl.profile-datablock dd {  line-height: 140%;  }	.profile-img {display:inline;}.profile-img img {	float:left;	margin:0 10px 5px 0;	border:4px solid #ffffff;	}		#comments	{	border: 0;	border-top: 1px dashed #eed;	margin: 10px 0 0 0;	padding: 0;	}#comments h3	{	margin-top: 10px;	margin-bottom: -10px;	font-weight: normal;	font-style: italic;	text-transform: uppercase;	letter-spacing: 1px;	}	#comments dl dt 	{	font-weight: bold;	font-style: italic;	margin-top: 35px;	padding: 1px 0 0 18px;	background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top left no-repeat;	color: #998;	}#comments dl dd	{	padding: 0;	margin: 0;	}.deleted-comment {  font-style:italic;  color:gray;  }.paging-control-container {  float: right;  margin: 0px 6px 0px 0px;  font-size: 80%;}.unneeded-paging-control {  visibility: hidden;}/* Feeds----------------------------------------------- */#blogfeeds {  }#postfeeds {  }  </style></head><body><!-- Begin wrapper --><div id="wrapper">  <div id="blog-header"><h1>   	<$BlogTitle$>	<ItemPage></a></ItemPage>  </h1>  <p><$BlogDescription$></p></div> <Blogger>    <BlogDateHeader>  <h3 class="date-header"><$BlogDateHeaderDate$></h3>  </BlogDateHeader>               <!-- Begin .post -->    <div class="post"><a name="<$BlogItemNumber$>"></a>         <BlogItemTitle>    <h3 class="post-title">	 <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>	 <$BlogItemTitle$>	 <BlogItemUrl></a></BlogItemUrl>    </h3>    </BlogItemTitle>	    <div class="post-body"><div style="float: right"><script type="text/javascript"><!--google_ad_client = "pub-4098411142802526";google_ad_host = "pub-1599271086004685";/* 300x250, ofw me ad unit after title */google_ad_slot = "4783501410";google_ad_width = 300;google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></div>      <$BlogItemBody$><MainOrArchivePage><br />   <a href="<$BlogItemPermalinkURL$>">Read more >>></a></MainOrArchivePage>    </p>    </div>        <p class="post-footer">        </div>    <!-- End .post -->       </body></html>

Link to comment
Share on other sites

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="<$BlogLanguageDirection$>"><head>  <title><$BlogPageTitle$></title><script type="text/javascript"><!--function MM_jumpMenu(targ,selObj,restore){ //v3.0  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");  if (restore) selObj.selectedIndex=0;}//--></script><meta name="robots" content="Index, follow"/><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/><meta name="keywords" Content="OFW Middle East, OFW, Philippine Overseas  Employment Administration, OFW Remittance, Middle East, Qatar, Saudization, Migrate, immigration, expatriates, Downloads, Movies, Saudi Arabia, United Arab Emirates, Dubai, Abudhabi, Al Ain, Oman, Muscat, Libya, Yemen, Overseas Filipino Workers, Philippines, passports, embassy, visa, job search, health, hotels, news, Filipinos"/><meta name="description" Content="OFW Middle East contains News, Informations and Events about OFW in the Middle East"/>  <style type="text/css"><MainOrArchivePage>    span.fullpost {display:none;}</MainOrArchivePage><ItemPage>    span.fullpost {display:inline;} </ItemPage>	/* Primary layout */body	{	margin: 0;	padding: 0;	border: 0;	text-align: center;	color: #000000;	background: #ffffff;          top center repeat-y;	font: small arial, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;	}img		{	border: 0;	display: block;	}/* Blogger Navigation Bar */#navbar-iframe {opacity:0.0;height: 10px;filter:alpha(Opacity=0)}#navbar-iframe:hover {opacity:1.0;height: 30px;filter:alpha(Opacity=100, FinishedOpacity=100)border: 2px;}/*Blogger-Help-http://bloggerstop.net*/	/* Wrapper */@media all {  #wrapper {    margin: 0 auto;    padding: 0;    border: 0;    width: 980px;    text-align: left;    background: #ffffff top right repeat-y;    font-size:90%;    }   }	/* Header */#blog-header	{	color: #ffffff;	background: #3069ae url(http://i184.photobucket.com/albums/x240/apcruz_2007/philippine_flag.gif) bottom left repeat-x;	margin: 0 auto;	padding: 0 0 70px 0;	border: 0;	}#blog-header h1	{	font-size: 24px;	text-align: left;	padding: 15px 20px 0 20px;	margin: 0;	background-image: #3069ae;	background-repeat: repeat-x;	background-position: top left;	}	#blog-header p	{	font-size: 150%;	text-align: left;	padding: 3px 20px 10px 20px;	margin: 0;	line-height:140%;	}		/* Inner layout */#content	{	padding: 0 20px;	}	@media all {  #main {    width: 450px;float: left;    text-align: justify;}  #sidebar  {    width: 200px;    float: right;    } #sidebarL {width:220px;float:left;}    }#top_bar {height:32px; background:#ffffff; width:auto;}#top_bar p{border:0; margin:0; padding:0; margin:0 auto; width:960px;}#top_bar a:link, #top_bar a:visited{display:block; float:left; border-right:solid 1px #7FABC4; padding:0 10px; color:#ffffff; font-size:11px; height:20px; line-height:20px; margin-top:6px;} 	/* Bottom layout */#footer	{	clear: left;	margin: 0;	padding: 0 20px;	border: 0;	text-align: left;	border-top: 1px solid #f9f9f9;	background-color: #fdfdfd;	}	#footer p	{	text-align: left;	margin: 0;	padding: 10px 0;	font-size: x-small;	background-color: transparent;	color: #999;	}	/* Default links 	*/a:link, a:visited {	font-weight : bold; 	text-decoration : none;	color: #3069ae;	background: transparent; 	}a:hover {	font-weight : bold; 	text-decoration : underline;	color: #3069ae;	background: transparent; 	}a:active {	font-weight : bold; 	text-decoration : none;	color: #3069ae;	background: transparent;  	}		/* Typography */	#main p, #sidebar p {	line-height: 140%;	margin-top: 5px;	margin-bottom: 1em;	}  .post-body {  line-height: 140%;  } h2, h3, h4, h5	{	margin: 25px 0 0 0;	padding: 0;	}h2	{	font-size: large;	color:#ffffff;	background-image: url(http://i832.photobucket.com/albums/zz242/ofw_blogger/Untitled-3copy-1.gif);	background-repeat: no-repeat;	background-position: left;       text-align:left;}h3.post-title {	margin-top: 5px;	font-size: small;          background: 663333;    padding: 0.5em;  	  }h3.date-header{	font-size: small;         color:#000000;}ul	{	margin: 0 0 25px 0;	}li	{	line-height: 160%;	}#sidebar ul 	{	padding-left: 10px;	padding-top: 3px;	}#sidebar ul li {	list-style: inside;	vertical-align: top;	padding: 0;	margin: 0;	}	dl.profile-datablock	{	margin: 3px 0 5px 0;	}dl.profile-datablock dd {  line-height: 140%;  }	.profile-img {display:inline;}.profile-img img {	float:left;	margin:0 10px 5px 0;	border:4px solid #ffffff;	}		#comments	{	border: 0;	border-top: 1px dashed #eed;	margin: 10px 0 0 0;	padding: 0;	}#comments h3	{	margin-top: 10px;	margin-bottom: -10px;	font-weight: normal;	font-style: italic;	text-transform: uppercase;	letter-spacing: 1px;	}	#comments dl dt 	{	font-weight: bold;	font-style: italic;	margin-top: 35px;	padding: 1px 0 0 18px;	background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top left no-repeat;	color: #998;	}#comments dl dd	{	padding: 0;	margin: 0;	}.deleted-comment {  font-style:italic;  color:gray;  }.paging-control-container {  float: right;  margin: 0px 6px 0px 0px;  font-size: 80%;}.unneeded-paging-control {  visibility: hidden;}/* Feeds----------------------------------------------- */#blogfeeds {  }#postfeeds {  }  </style></head><body><!-- Begin wrapper --><div id="wrapper">  <div id="blog-header"><h1>   	<$BlogTitle$>	<ItemPage></a></ItemPage>  </h1>  <p><$BlogDescription$></p></div> <Blogger>    <BlogDateHeader>  <h3 class="date-header"><$BlogDateHeaderDate$></h3>  </BlogDateHeader>               <!-- Begin .post -->    <div class="post"><a name="<$BlogItemNumber$>"></a>         <BlogItemTitle>    <h3 class="post-title">	 <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>	 <$BlogItemTitle$>	 <BlogItemUrl></a></BlogItemUrl>    </h3>    </BlogItemTitle>	    <div class="post-body"><div style="float: right"><script type="text/javascript"><!--google_ad_client = "pub-4098411142802526";google_ad_host = "pub-1599271086004685";/* 300x250, ofw me ad unit after title */google_ad_slot = "4783501410";google_ad_width = 300;google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></div>      <$BlogItemBody$><MainOrArchivePage><br />   <a href="<$BlogItemPermalinkURL$>">Read more >>></a></MainOrArchivePage>    </p>    </div>        <p class="post-footer">        </div>    <!-- End .post -->       </body></html>

Link to comment
Share on other sites

There's a line right after the ads:
<div style="clear: both;"/>

This is stopping the text from wrapping around the left of the ads.

can you please help me to figure out where's that line? i search on my html but there's none but if view on my page source i find that line! how this happen?
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...