Swapping blogger title will help your blog to be crawled.
It's good for your blog.
Getting indexed by search engine and will increase your blog ranking.
Follow this step below to use it :
1. Find <title><data:blog.title/></title> on the <Head> Section
2. Replace the line with
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
3. It's done, your template are ready to go.
continue...
Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts
Thursday, April 23, 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
3.Copy and paste the code below just above the </head>
<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 < 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 < 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 < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (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! continue...
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
3.Copy and paste the code below just above the </head>
<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 < 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 < 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 < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (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! continue...
Labels:
Blogging
