How To Positon Elements/Widgets On Blogger Blog

How To Positon Elements/Widgets On Blogger BlogMost 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 want 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/>
<data:blogCommentMessage/></p> 
<data:blogTeamBlogMessage/> 
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/></p> 

- 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.

Comments

Popular posts from this blog

Katherine Blogger Themes

Beauty Blog Template

Elvish Blogger Template