Blogger Official Featured Post Widget

1
Blogger Official Featured Post Widget
Finally Good news from Google Blogger. They Introduced a new gadget tool called Featured Post Widget to display your highlight content on their websites or blogs. The Featured Post Widget is a fully customizable gadget, that displays a one featured post from your blog or website. You can choose to show the post thumbnail and  post title. However this is a simple widget that will display visitors a specified post,this can drive more traffic to that post and rank will increase.You can easily add featured post widget by clicking on Add a Gadget option.Now I will teach you how to add Blogger new Official Featured Post widget in Blogger template.

How to add a featured post widget in blogger

Step 1: Log in to the Blogger dashboard. Go to "Layout" , Click on "Add a Gadget"and select "Featured Post."
Adding blogger official featured post widget
Step 2: Now you can select "Show post title" and "Show image" by clicking on Check boxes on this gadget.
blogger introduced featured post widget with post title and image
Now Click on Save Button.

Code Snippets for Blogger featured post tool

<b:widget id='FeaturedPost1' locked='false' title='Featured post' type='FeaturedPost'>
    <b:includable id='main'>
  <!-- Only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <b:include name='content'/>
  <b:include name='quickedit'/>
</b:includable>
    <b:includable id='content'>
  <div class='post-summary'>
    <b:if cond='data:showPostTitle and data:postTitle != &quot;&quot;'>
      <h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
    </b:if>
    <p>
      <data:postSummary/>
    </p>
    <b:if cond='data:showFirstImage and data:postFirstImage != &quot;&quot;'>
      <img class='image' expr:src='data:postFirstImage'/>
    </b:if>
  </div>

  <style type='text/css'>
    .image {
      width: 100%;
    }
  </style>
</b:includable>
  </b:widget>
It need padding from the corners.We have fixed it by just placing  CSS  in the above code snippet.
.post-summary {
    padding: 10px; 
Now Final Code Snippet Will Look Like this:
<b:widget id='FeaturedPost1' locked='false' title='Featured post' type='FeaturedPost'>
    <b:includable id='main'>
  <!-- Only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <b:include name='content'/>
  <b:include name='quickedit'/>
</b:includable>
    <b:includable id='content'>
  <div class='post-summary'>
    <b:if cond='data:showPostTitle and data:postTitle != &quot;&quot;'>
      <h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
    </b:if>
    <p>
      <data:postSummary/>
    </p>
    <b:if cond='data:showFirstImage and data:postFirstImage != &quot;&quot;'>
      <img class='image' expr:src='data:postFirstImage'/>
    </b:if>
  </div>
  <style type='text/css'>
  .post-summary {
    padding: 10px;
    .image {
      width: 100%;
    }
  </style>
</b:includable>
  </b:widget>

That's it Folks !
From my point of view the ideal place for featured post widget is Blogger Sidebar.We hope this article helped you to learn How to Add Blogger Official Featured Post.If you liked this article please Join us on Facebook,Twitter,Google Plus.
How to add Blogger Official Featured Post Widget,blogger introduced featured post gadget tool like wordpress widget,use featured post widget gadget in blogspot blog or website
Finally Good news from Google Blogger. They Introduced a new gadget tool called Featured Post Wi...
SUMMARY

How to add Blogger Official Featured Post Widget,blogger introduced featured post gadget tool like wordpress widget,use featured post widget gadget in blogspot blog or website

You Might Also Like:

We hope this article helped you to learn Blogger Official Featured Post Widget. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

1 Comments on "Blogger Official Featured Post Widget" So Far

Finally Good news from Google Blogger. They Introduced a new gadget tool called Featured Post Widget to display your highlight content on their websites or blogs.

http://www.bloggersstand.com/2015/12/how-to-add-featured-post-gadget-tool-in-blogspot.html

Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand