There are some reason for bloger to hide Post date, time and author. May be they want to see their blog looks clear or everything. Now I will show you the trick to "hide your post date, time and or author". the mothods is very simple, just find the code that I pointed to you and delete it. You can chose which part want to delete, date only, time only, author only or it all. Ok, if you decided to do it lets begin the hack.
1.Login to blogger the go to "Layout --> Edit HTML"
2.Click on the "Download Full Template" to back up your template first.
3.Check on the "Expand Widget Templates" check box.
Hide Post Date
find this code and delete it. <data:post.dateHeader/>.
Hide Post Time
find this code and delete it.
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>.
Hide Post Author
find this code and delete it.
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
5.Save your editting
How to Hide Your Post Date, Time and/or Author
How to Show Recent Post on the Sidebar
To show your recent post on the sidebar is very easy, you just follow the instruction below then you will see your recent post on your blog sidebar. here’s the steps :
1.Login to Blogger then Chose "Layout"
2.Click on "Add page element" (chose where you want to put it) then chose "HTML/Javascript"
3.Copy the code below and put it in the "content" box.
<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
4.Change YOURBLOGNAME with your blogname.
5.The number "10" it’s amount of recent post that will be shown, You can change it.
6.Click Save.
Highlight Author Comment in Blogspot
This trick is to give a Highlight Author Comment . This will make the blog's owner comments looks different from the visitors comments. It's very usefull and interesting blogger hack tips. You can see the example in my blog. Here is what to do to make a "Highlight Author Comment" effect in Blogspot.
1.Login to blogger, then choose "Layout --> Edit HTML". Don't forget to backup your template first.
2.Check the "Expand Widget Templates" box.
3.Copy this script and put it before ]]></b:skin> or copy to your CSS area.
.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}
4.Then find this code:
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'> <dd class='comment-body-author'> <p><data:comment.body/></p> </dd> <b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
5.The red color text is the code that you have to add to your script. The position must be right.
6.And then save your template.
Change the Title Tags for your Blog
Until recently, the title tags generated for each page of your Blogger blog would display the blog title first, then the name of your post. This wasn't so good for SEO (search engine optimization) as this made keywords from your post titles appear after your blog title.
Luckily, Blogger have come up with a simple fix for this problem for those who use Layouts templates: the <data:blog.pagename> tag!
This new tag is already installed for new blogs (or if you change your existing template to one of Blogger's default ones).
However, if you have customized your template or uploaded a third party template, you will need to change the original
But don't worry: this is REALLY easy! Here's what you have to do:
1.Go to Layout > edit HTML in your Blogger dashboard.
2.Search for this tag:
3.Replace this tag with the following:
<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/></title> </b:if>
4.Save your template! (See, this is an easy hack!)
Once you've changed this tag, you'll see that on post pages, the default [blog name] page title format for your post titles in the browser window will be replaced solely by your post title instead. This will increase the chances of your posts being picked up in search engine results for keywords which appear in your post titles (and can ultimately help draw more targeted traffic to your blog.
Comment Form Under Post On Blogger, Finally Officially Embedded!
To enable inline comments for your Blogger powered blog, you need to log into your dashboard through Blogger. Then go to Settings Comments and scroll down the page to see the new "Comment form placement" setting:
Check the radio setting for "Embedded below post" which will enable the display of the comment form below your blog posts. If you have customized your template, you will need to make a small change to your template code for this comment form to display. But don't worry, it's a very simple customization to make! 
Simply go to Layout>Edit HTML in your blog's dashboard and check the "Expand widget templates" box. Then search for this section of code:
<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>
Replace this entire section of code with the following instead:
<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>
Save it. And done.
How to Hide or Show Blogger Navbar
The Blogger Navbar is a navigation and search bar on top of all blogspot blogs. It is available in several colors, and is configured in the Template tab in Blogger’s interface. You can get more information about Navbar from Blogger here.
The reason whi I remove the Blogger navbar on EVERY Blogger template is its mismatch color. Even though Blogger provide several useful features and different colours, it always not blend well with my templates. It’s an eye sore and makes style="text-decoration: underline;">my blog theme look less professional.
Show/Hide blogger navbar:
Step 1. Log in to blogger account
Step 2. On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.
Step 3. Delete the code below to show the Navbar
#navbar, #navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
or Add that code to your css code to hide the Navbar. That is all.
