[Solved] Blogger Template Got Weird when I Made Changes to Post Codes

Recently I and many other faced a problem while changing the codes for the post inside the template editor.

The changes were made to post code of the Blogger, which means:-

  • The codes inside <b:includable id='post' var='post'>. Inside it the codes should start with something like;
    • <article class='post hentry' >, or
    • <div class='post hentry' > or <div class='post' >
  • The same goes to <b:includable id='mobile-post' var='post'>, which only comes in to play if you have mobile template enabled.
  • And <b:include data='post' name='post'/>, which is required to be present in side <b:includable id='main' var='top'> to show your posts.

This problem while,

  • Changing the header ( H3 to H1) codes for the post.
  • Changing other codes such as, post footer, post labels, time, post author and anything inside the post code <b:includable id='post' var='post'>.

For your information; these were not mistake or after making mistake the codes were changed to previous from and were properly saved using the template editor.

But there were not impact on the actual blog of the saved work of the template. And when going back to the template editor you see that the changes made to post codes are not there, they are back to their original (Blogger default) form.

If you are facing this problem then do not worry as there is solution for it.


Solution-1: If you have a backup copy of your template just prior to making these changes, then re-install it you Blog.

Solution-2: If solution-1 failed the you have to go technical. Now,

  1. Go to Blogger dashboard of your blog > Template > backup you current template.
  2. Open the template editor.
  3. Search for <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>.
  4. After that paste the following code,
    <b:includable id='post2' var='post'>
    <!-- your post codes goes here -->
    </b:includable>

    In place of <!-- your post codes goes here --> paste the edited version of the post code or the previous version of the post code. You can get it from the you backup template which you have saved before making any changes. If you do not have copy then copy the post code from <b:includable id='post' var='post'> and edit it the way you want.

    If you having problems with post in mobile views then use this code,

    <b:includable id='mobile-post' var='post'>
    <!-- your post codes goes here -->
    </b:includable>
  5. Now search for <b:include data='post' name='post'/> and change it to <b:include data='post' name='post2.'/>. For mobile search for <b:include data='post' name='mobile-post'/> and change it to <b:include data='post' name='mobile-post2'/>
  6. Click “Save” in the template editor.
  7. Check is the current changes are working properly.

This solution is the best option.

Solution-3: If all failed then, install a new and fresh template.

Solution-4: If installing new template do not works (if the post do not look like as it should according to the template codes) then, apply the solution-2 in the new template and install it in your Blogger blog.

These are all possible solution for your problem. If you need any assistance, feel free to leave a comment.