Formatting and Arranging Blog Post Content, Comment, Label, Title, Reactions, Date and Time for blogger blog post

Share |

I had observed lot of questions regarding arrangement and formatting of Post Title, Content, Comment, Label, Reactions, Date and Time for the blogger blog post section. In some blog you can see the comment and lables above the post body and some you can see it bellow post body. You may want to enable / disable links to the post, Comments, Reactions, Posted By, Date and Time options for your each posts. And everyone is worried that how can they make similar look for their blog. I have helped many blogger on Blogger Help for the same thing. But now I thought of writing step by step guide for the same thing, so that it can be helpful to all of you. Please check the bellow step by step guide and apply required changes for your blog.

First thing your need to do is login to www.blogger.com and not use draft.blogger.com or beta.blogger.com
Now, from Dashboard click on the Layout for the blog for which you wantted to make the changes
Now your are at Layout -> Page Elements section of your blog their your can find Blog Posts gadget / widget / element. As shown in the bellow image
Click on the "Edit" link for the Blog Posts gadget / widget / element and your will find pop up to edit blog posts widget as follows:
In the pop up you can specify following options

Number of posts on main page: (That is number of posts displayed on your home page of your blog when you have more posts then "Older Posts" option will come at the bottom)
Select the check box to display the date for the post and specify date format in the drop down next to it and deselect the check box it for not showing this
Select the check box to show author name as posted by or not and if yes then you can also change the value of posted by to some thing like published by or any thing else and deselect the check box it for not showing this
Select whether you want to display posted time for your blog post or not and specify some different text instead of at if you wish to change that also select the time format from the drop down next to it and deselect the check box it for not showing this
You can select the following check box to display comment option for every post or not and also change the label for the comments by changing in text box and deselect the check box it for not showing this
Select the check box as shown in bellow image to display Links to this post option and you can change the text to something else by modifying the value in text box and deselect the check box it for not showing this
Select the check box as shown in bellow image to display Labels option and you can change the text to something else by modifying the value in text box for example your wanted to display it as Categories and deselect the check box it for not showing this and deselect the check box it for not showing this
Select the check box as shown in bellow image to show quick editing link for each posts. Note: this links will be displayed to authors only and deselect the check box it for not showing this
To enable reactions for every posts please select check box as shown in bellow image and you can change the text to something else instead of Reactions: by modifying value in text box. You can also modify / add reactions by clicking on Edit link and once changes click on Save link as shown in bellow images and deselect the check box it for not showing this
To show Email icon link for every post please select the check box as shown in bellow image and deselect the check box it for not showing this
To enable adsense ads between blog posts select the check box as shown in bellow image and deselect the check box it for not showing this. you can also specify how the ad looks like as shown in bellow image
Now if you go to bottom part of the pop up you can find options to "Arrange Items" here you can change the locations where comment, Labels, Email, Link to post, posted by, reactions and time options are displayed for each posts.
If you wanted to move comment and labels at the bottom then using mouse just drag and drop them to the bottom section as shwon in bellow images
After all required change are done, you must click on "SAVE" button at the bottom to make this changes effective. Or your may choose to click on "CANCEL" button to undo all these changes
Also after this at the Layout -> Page Elements clik on the "SAVE" button to make sure template gets saved and everything is done