How To Positon Elements/Widgets On Blogger Blog

Most newbie blogger wonder that, is there no way to position element in blogger, but am sharing with you now, how your can position your element to your desired location on your blog. some authors may specify where you are to position your elements/gadgets/widgets, whereby you would prefer it in another location.
You can also easily change the location of your element in page elements, and remember that, there are some situation whereby you can only add elements/gadget/widget through your template, by inserting some code into your html box, and this article will help you on that.

Positioning Elements In Template

Login to your blogger Dashboard 

Click "Design" > "Edit HTML" > Remember to always back up your template

Now placing your code snippet to any location will be determine by the list of options below.

Placing Element Below Post Body

Find <data:post.body/>, and add your code after it, if you wish to place your element/widget below your post.

Placing Element Below Post Title

Find <div class='post-header-line-1'/> and paste your code after it,if you wish to place your element/widget below post title.

Placing Element Above Comment Form


If you which to add your widget immediately above your blogger comment form, find the code below and paste your widget code above/before it, but if you can't find exactly this, you will find something very similar to it.

<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

Placing Element Above Footer

Find <div class='post-footer'> and paste your widget code above it, if you wish to add your widget above footer.

Placing Element Inside Footer

Find <div class='post-footer-line post-footer-line-1'>  and paste your widget code below it, if you wish to add your widget inside footer.

If you enjoyed this, take few seconds to share it, and subscribe to this blog now, to stay updated with our latest tutorials.

Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

Follow @realcombiz