Latest: Download Free Desktop Wallpapers of Chef Loony! | Series: AuthorRank? | Download MBT eBooks!

Add Beautiful Popular Posts Widget In Blogger

0 Comments
Add Beautiful Popular Posts Widget In Blogger

Beautiful Popular posts Widget For Blogger
  Popular posts widget is also in blogger widgets
  as default but to give it a new look you need to
  make some changes in CSS coding. Today we
  are providing a beautiful popular widget for
  blogger which have a great look and have an
  awesome hover effect. Popular posts widget is in
  your blogger right side and also make a attention
  for a visitor to add this widget you can make a
  good impression on your visitor so when visitors
  show these posts and if like on of them then the
  visitor surely click  on it and this visitor become
  your loyal reader. So for this cause we providing
  Popular Posts widget for Blogger it also make
a professional look for your template.



    Also check  Beautiful and Professional Templates For Blogger.

How To Add Popular Posts Widget In Blogger?
To add This widget in Blogger you need to follow these simple steps:-

    First Go To Blogger > Layout
    Click on Add A Gadget
    Now Click on Popular Posts widget and make the follow changes as showing in picture
    popular


    Make the same changes as shown above in picture
    And Click on Save Button
    Now the second part is add the CSS code for this
    Go To Blogger > Template
    Click on Edit HTML

 popular 2

    Click on Black Arrow to expand the coding
    Now search </b:skin> using ctrl+f
    Above </b:skin> paste the following code

    /*--- ehimini Popular Posts --- */
    .popular-posts ul{padding-left:0px;}
    .popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/S
    modosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px;
    list-style-type: none;
    margin:0 0 5px 0px;
    padding:5px 5px 5px 20px !important;
    border: 1px solid #ddd;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    }
    .popular-posts ul li:hover {
    border:1px solid #6BB5FF;
    }
    .popular-posts ul li a:hover {
    text-decoration:none;
    }

    Now click on Save Template and you are done !

If you need any kind of help then please leave a comment Take Care !

Add Beautiful Popular Posts Widget In Blogger

Beautiful Popular posts Widget For Blogger
  Popular posts widget is also in blogger widgets
  as default but to give it a new look you need to
  make some changes in CSS coding. Today we
  are providing a beautiful popular widget for
  blogger which have a great look and have an 
  awesome hover effect. Popular posts widget is in
  your blogger right side and also make a attention
  for a visitor to add this widget you can make a
  good impression on your visitor so when visitors
  show these posts and if like on of them then the
  visitor surely click  on it and this visitor become
  your loyal reader. So for this cause we providing
  Popular Posts widget for Blogger it also make
a professional look for your template.



How To Add Popular Posts Widget In Blogger?

To add This widget in Blogger you need to follow these simple steps:-
  • First Go To Blogger > Layout
  • Click on Add A Gadget
  • Now Click on Popular Posts widget and make the follow changes as showing in picture
  • popular

  • Make the same changes as shown above in picture
  • And Click on Save Button
  • Now the second part is add the CSS code for this
  • Go To Blogger > Template
  • Click on Edit HTML

popular 2
  • Click on Black Arrow to expand the coding
  • Now search </b:skin> using ctrl+f
  • Above </b:skin> paste the following code
/*--- MBW Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/S
modosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
  • Now click on Save Template and you are done !
If you need any kind of help then please leave a comment Take Care !
- See more at: http://www.mybloggerwidgets.com/2013/10/add-beautiful-popular-posts-widget-in.html#sthash.K2SHV5r0.dpuf

No comments:

ehijoshua2 at facebook

"""""""Sponsored Post"""""""

>>>>>>>Sponsor your post to appear here above all post>>>>>>> Click here

We provide the cheapest bulk sms service & We offer you best Rynga credit

We provide the cheapest bulk sms service & We offer you best Rynga credit
We provide the cheapest bulk sms service & We offer you best Rynga credit at the best prices you can find in Nigeria. In today's fast pace environment, our most expensive asset is time.

Submit Guest Post

Submit Guest Post
Hello we are EJTB we accept sponsored post www.ehijoshuatechblog.com
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!