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"