How to add Featured Post Widget on Blogger Finally Blogger introduce a new tool called Featured Post Widget to display your highlight content on their own blogs. The Featured Post Wid...
2018-02-19T13:56:43Z

How to add Featured Post Widget on Blogger

Finally Blogger introduce a new tool called Featured Post Widget to display your highlight content on their own blogs. The Featured Post Widget is a fully customizable widget, that displays a single post from your blog. You can decide, whether or not to show the post thumbnail and post title. With Featured Post, you can choose a post from your blog and highlight them wherever you'd like.

Featured Post Widget

How to Add Featured Post Widget


Step 1: Log in to the Blogger dashboard. Go to "Layout" , Click on "Add a Gadget" where you want to insert featured posts and hit "Featured Post."

Step 2: You can also change "Show post title" and "Show image" by clicking on Check boxes on this widget.

Step 3: Save.

Code Snippets
<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>

What Do You Think of this Widget?


Overall this was just a good update but not solid for me i.e. you can limited to select one post to show as featured post, but we're excited to see what happens next. But we want to hear from you! How do you like the new widget? Let us know in the comments below!
Share it:

Blogger

Blogging

How To

Tutorial

Post A Comment:

0 comments: