RealcomBiz
Pin It

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

0 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger