Skip to main content

Add a Widget/Gadget Above Blog Post in Blogger

Widget Above Blog Post : We can see the some empty space between blog posts section and the page list gadget in Blogger. The area above the blog posts section is the best place to display blog updates and also for the ads. By default blog posts section is locked so we can't add widget just above blog posts in Blogger blog.

How to add widget/gadget above blog post in Blogger :

We can add widget above blog posts. But before adding the widget first we have to unlock the blog posts section. In this post I'm giving the information to add a widget above blog post in Blogger. With this method you can simply add a widget above your Blogger blog post, I.e between page list gadget and blog post. Many bloggers are using this method to add a widget or any script code above blog post in Blogger.

Follow below steps to enable a widget above Blogger blog post :

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 :  Search for below code

<b:section class='main' id='main' showaddelement='no'>
            <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

You can see the above two lines just below the <div class='column-center-inner'>


Now make some changes in the above two lines like below :
showaddelement='yes'
locked='false'


Now the final code is  :

 <b:section class='main' id='main' showaddelement='yes'>
            <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>

Step 5 : Click on Save templates.

Now the blog posts section is unlocked and you can see the add a gadget above blog posts section on your Blogger layout.

Adding a widget above blog post in Blogger :

Step 1 : Click on your Blogger layout
Now you can see add a gadget section above blog posts section

Step 2 : Click on add a gadget above blog posts and add any Blogger gadgets

Step 3 : If you want to add any third party script code, click on add a gadget above blog posts section and add Html/JavaScript gadget and paste the third party code in that widget box and click on save.

Step 4 : If you want to move already added gadget on your Blogger to that place, then simply drag the gadget on your Blogger layout and drop above the blog posts section

Step 5 : Finally click on Save arrangements.

Like this you can add any gadget above blog post in your Blogger.

Comments

  1. Novice here. So sad. This seemed really simple but didn't work for me. I'd like space to add a slideshow under the pagelist or above the blog posts.

    Thanks anyway.

    ReplyDelete
  2. I checked my layout later. It worked! I can now add gadgets above the blog posts.

    Thanks a heap.

    ReplyDelete
  3. This is a useful tips for all. See more tips on CTOPTIPS

    ReplyDelete
  4. Thanks alot, Exactly what I needed.

    ReplyDelete
  5. Step up height increasing is an amazing height increasing formula. I am using from some time now and it has marked a great improvement in my height. I recommend trying this amazing product at least once.

    ReplyDelete
  6. extremely useful for beginers like me thanks a ton.

    ReplyDelete
  7. it worked!!! Thank you so much!!!

    ReplyDelete

Post a Comment

Popular posts from this blog

Change font size of blogger posts

Post Font size :  Even if your blog having quality content , If the post text is not easily readable , there is no use with that content. If the content not easily readable , your blog visitor can't spend more time on your blog to your posts. So increase your blog post font size until the post text is readable easily and also set good font style. In this post i'm giving the information to change the font size of your blogger posts. How to increase posts font size in blogger blog : It is easy to increasing font size of your blogger posts. By default the font size of blogger blog posts is small. Blogger template contains specific script code for the post customization , with that we can easily change the font size of posts in blogger. For easily readable it is better to use the font size between 16 to 18  for blog posts. Follow below steps to change blogger posts font size  step 1 : go to blogger dashboard
step 2 : click on template
step 3 : click on edit HTML
step 4 : searc…

Change Header Size In Blogger

How to change header size in blogger blog: We can increase or decrease header size in blogger blog.It is easy to adjust size of your blog header in blogger.
follow below steps to change header size in blogger blog step 1 : go to blogger dashboard
step 2 : click on template
step 3 : click on edit HTML and tick expand widget templates
step 4 : and find below code
/* Header ----------------------------------------------- */ .header-left{ display: inline-block; height: 30px; width: 300px; float: left; } .header-right { display:inline-block; float:right; }
and change height and width px value to resize blogger header.if you want increase blogger header increase px value or to decrease blogger header size decrease px value
step 5 : click on save template

Change post a comment text on blogger blog

How to change "post a comment" text on Blogger blogs : "Post a comment" text will appear above comment box or comment form on Blogger blog. We can customize that message as we require. We can change that post a comment text and also add/replace an image in that post a comment text place on Blogger blog. It's really good idea to customize a post a comment text on your Blogger blog. If we change post a comment message with an polite message then we can attract our blog visitors. So by changing the default post a comment text we can get more comments. In this post I'm explaining about how to change post a comment text on Blogger blogs.


Follow below steps to change "post a comment text" on your Blogger blog
step 1 : Go to Blogger dashboard

step 2 : Click on template

step 3 : Click on edit HTML

step 4 : Search below line <h4 id='comment-post-message'><data:postCommentMsg/></h4>
Now replace <data:postCommentMsg/> in above…