Make Recent Posts and Recent Comments in Blogger

Login to your Blogger Account.
Go to Dashboard, Edit Layout, Page Element.
Add a Gadget, and Add Feed.
Enter Feed Url :
For Recent  Posts : http:// blogname.blogspot.com/feeds/posts/default
For Recent Comments : http:// blogname.blogspot.com/feeds/comments/default
Make sure you replace blogname with your actual blog url.
You can change the title with Recent Posts and Recent Comments.
Save and Done.

Note: Sometime you need to wait a longer time until the posts or comments appear.

How to Add Read More in Blogger

Please Login to your Blogger Account, and go to Dashboard, Layout, and Edit HTML.
Because we will edit the HTML code, you need to create a back up for your template, click Download Full Template.

Check Expand Widget Template

Now, find this code : <div class=’post-body’> or <div class=’post-body entry-content’>

Copy paste this code under the code above :

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

Look under that code you will find  : <p><data:post.body/></p>

And paste this code below :
<a expr:href='data:post.url'>Read Full Entry</a>

</b:if>

click Save Template.

Than go to Setting, Formatting, and find Post Template area,

paste this code below :

<div class="fullpost">

</div>

Done, click Save Setting.

Now if you want to post, write in edit html. The text before <div class=”fullpost”> will be appears in your post, and the text after that code will be appear if you click the readmore link.
You must write like this :

Click Publish Post.

Show Up and Hide The Blogger Bar

I usually hide the Blogger Bar at My Template with this code :

#navbar-iframe {

  height: 0px;  

  visibility: hidden;   

  display: none;

  }

But, If you want to show up the Blogger Bar, you must delete that code and the bar will appears again.

Page Element Blogger Template Cut-Off in the Right Side

Sometime i found good and useful template with 1024×768 (or higher) have a cut off page element at right side.

pageelement.JPG

This is make difficult to edit. To edit the cut off right side, you can scroll the horizontal scrollbar at the bottom page if you using IE Browser. But if you using Firefox, sometime you can’t find horizontal scrollbar. If so, you can just press the Tab button at your keyboard 3 times, and the page will be shifted, so you can edit it.

skin3.jpg