Content

February 6, 2009

How to Display ads below Post Title in Blogspot

Ad placement position in the blog we have a click through rate on the ad. Therefore, your ads have high CTR, we must be clever-clever set the size and position of the ad placement on our blog.
What is needed to do that?
Needed only to install Selective EXPANDABLE Post Hack.
Let's do.

Selective install EXPANDABLE
1.Log in to Blogger dashboard> Select Layout> HTML, check the Expand Widgets Templates
2.Search </head>
3.Copy and paste the code below just above the </head> tag

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>

4.Search code below and add the red code into it.

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>

<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

5. Save Your Template.
6. Go to Settings > Format, and search Post Template. Copy and paste the code in the form below to post Template.

Type your summary here
<span id="fullpost">
Type rest of the post here
</span>

7. Save it. EXPANDABLE Post Hack Done

Now time to add your adsense or whatever code to your blog.

Show adsense below Post title on blogger.

<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
Add your code here
<p><data:post.body/></p>
<b:else/>

Save it and You're done!

0 comments:

Post a Comment

Categories

Fixed (2074) 2 Column (1778) White (1765) 1 Right Sidebar (1443) Bookmark Ready (806) Black (750) Gray (707) 3 Column (633) Elegant (609) Blue (592) 1 Left Sidebar (590) Brown (523) Custom Navbar (276) Green (273) Magazine (258) 2 Right Sidebar (245) Red (174) Left and Right (141) Girly (134) Floral (132) Gallery (116) Yellow (93) Orange (88) Pink (83) News (65) Natural (63) Vector (56) Violet (48) 1 Column (41) Fashion (27) Movie (16) Video (13) Space (11)
OnLine Media. Powered by Blogger.

Followers

OnLine Media friends

Blog Archive

Something

Disclaimer: We hold no responsibility for any content and external links provided in this search results page. By visiting this page, you agree to the disclaimer