Header Ads

  • Breaking News

    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.





    No comments

    Post Top Ad

    Post Bottom Ad