How to show comment box below a post

1. Login into your blogger account.
2. Choose your blog and click “Layout”
3. Click “Edit Html” subtab on the “Template” tab
4. Mark expand Widget Template chechbox
5. Press Ctrl+F search



<p class='comment-footer'>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if>
</p>

6. Replace code block with:



<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/> <b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if>
</p>

7. Save Template
8. Go to Settings then Comments panel or your blog. Set Comment Form Placement to Embedded below post. The embedded comment form can not be used if you have Post Pages disabled.
9. Save settings.
10. Done.

Read more... "How to show comment box below a post"

Blogger Expandable Posts - Read more Trick

1. Login into your blogger account.
2. Choose your blog and click “Layout”
3. Click “Edit Html” subtab on the “Template” tab
4. Expand Widget Template as shown in image below
5. Press Ctrl+F search body/
6. Paste the code below before <p><data:post.body/></p>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

7. Paste the code below after <p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>
8. Click save Templates.
9. Go to Blogger Settings/Formatting/ copy paste the code below in Post Template
<span class="fullpost">

</span>
10. Hit Save.

Read more... "Blogger Expandable Posts - Read more Trick"

Optimize Blog Title - Blogger SEO tip

Every time I create a new blog in Blogspot, this is the first modification I usually do for SEO purpose. I posted it so I can refer to it everytime I forget the code. :D

To optimize your blog title and attract more visitors.
1. Login to your blogger account
2. Click Layout
3. Search <title> <data:blog.pageTitle/> </ title>.
4. Replace the line with this code


<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title> <data:blog.pageTitle/></title>
</b:if>


5. Save and your done. :)

From here on every post that you will make you would notice that your browser caption will have your post title first followed by your blog title. These title positions would also be applied when it appears on the Google search page.

Read more... "Optimize Blog Title - Blogger SEO tip"

Google Pagerank Update

This is just a quick post about this blog's new PR. I was surprised that the Page rank for this blog went from nothing (0/10) to (1/10), not much, but I feel happy about it. Why, because it I didn't expect it. How did I do it? All I know is that what I post in this blog are the things that I usually use tweaking and optimizing my other blogs. Trying to make this blog as relevant as possible when it comes to blogging. Hopefully, it can also help other newbie bloggers out there who are looking for tips and useful tweaks for their blogs. This blog is just about four months old with a couple of post related to optimizing blog and I am pretty excited about it.

I have read from other sites that to increase your Google Page rank you should have relevant link or back links from other related sites. This is like Google giving your site a grade for its importance and it comes every 2 or 3 months, So maybe someone out there find this blog useful, thanks to you.

This is my own way of compiling the things that I encounter and learned from other great blogs and spreading it to others. So what are you waiting for, come and join me as we start blog cruising some more.

Read more... "Google Pagerank Update"

Different Meta Descriptions for each blogger post

On your dashboard switch to the Edit HTML tab of your template and find this line:

<b:include data='blog' name='all-head-content'/>

You can find this just below the <head> section of your template.

Then put this code just below the <b:include data='blog' name='all-head-content'/> tag


<b:if cond='data:blog.url == "http://YOUR-BLOG-URL.com/"'>
<meta content='DESCRIPTION' name='description'/>
</b:if>


This was done to add META Tags to the main page of the blog.

To change the META Tag for each blogger post,
copy and paste this code just below the code you just added


<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name='Description'/>
</b:if>


That's it, save your template and your done!

Read more... "Different Meta Descriptions for each blogger post"