Destino Solutions

+91 9747866100

How to customize blogger featured post widget

July 29th, 2016

Recently blogger released a new widget called featured post widget, Now you can select one of your blog post and pin it in your blog widget area.  Also WordPress have many plugins for pin featured posts. This feature is much awaited blogger users now we got this. So now I’m talking about How to customize blogger featured post widget.

Featured post widget work in all pages, So i think better to use home page only.

  • Firstly add Featured post widget in Blogger – layout – add widget
  • Next Select a Post which one you want pin it in Featured widget

Now we can start editing with css

#FeaturedPost1 {
    background: rgb(227, 220, 93) none repeat scroll 0% 0%;
    padding: 10px 20px 20px;
    margin-top: 10px;
    border: 1px solid rgb(216, 136, 34);
}
#FeaturedPost1 h2{
display: none !important;
}
#FeaturedPost1 h3{
font-family: ‘Roboto Slab’, serif;
}
#FeaturedPost1 img{
    float: left;
    width: 15%;
    margin-top: 10px;
    border: 2px solid rgb(240, 147, 8);
}
#FeaturedPost1 p{
    float: right;
    width: 80%;
}

Tips| :- I’m using Featured post widget in top of post section (You can see Right Now).

Continue You will get update this post stay Subscribed.

Categories: Uncategorized