Add Beautiful Popular Posts Widget In Blogger

By
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

Posted by Austan Faryad , 09:25 3 Comments so far
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

Comments

Post a Comment

FOLLOW US ON FACEBOOK: https://www.facebook.com/unitechsity
:::. .:::
:::. .:::

Share or Like this Post - if you Find it Informative and Cool…
Thanks. Never miss any of my future post
CLICK HERE TO SUBSCRIBE

http://feedburner.google.com/fb/a/mailverify?uri=unitechsity

Once entered, you will have to check your inbox for a confirmation email containing a confirmation link. Once you VERIFY your email by clicking on the confirmation link in the message, you will never miss any future articles.


.

Popular posts from this blog

10 Ideas For The Most Lucrative Side Hustles

By
Image
  Do you need to make some money on the side? Well, you're not the only one. If your day job isn't enough to pay the bills, you've got to do something. When you have extra time, making extra money isn't impossible. Please continue reading to find out how to make money on the side. 1. Take surveys on the Internet  If you're interested in making a couple of bucks,  take surveys online . Organizations recruit new members from around the globe and they don't hesitate to pay to get insights into consumers. This is because it's crucial for them to boost their products and services, not to mention their marketing strategies. A few of hours sitting and clicking little bubbles is an easy path to become rich. Sign up with more than one site. The outcome is that you can take several surveys and you can select the most profitable options.   2. Drive for Uber  Uber provides you the opportunity to make money quickly. If you got a ride that meets the vehicle requirements,
grid

WhatsApp Latest Update Brings Rich Previews Document

By
Image
As expected, WhatsApp with billions of users on the chat app keeps rolling out an update every week to enhance the functionality of the app. Another update is rolling out called Rich Document Preview, as reported by wabetainfo. WhatsApp is rolling out a new and improved preview for documents. Up until now, when you share documents, be it a PDF, JPEG, or DOC, WhatsApp only shows a generic preview displaying the file type and the file name. That means you have to open the document to really know what is inside. But with the latest WhatsApp beta update, the app now displays a rich preview, giving you a glimpse of the content inside. Though for now, the previews are of really low quality as seen above, more updates are coming to improve the quality of the previews. WhatsApp is rolling out this feature to certain beta testers: some of you may be able to use the feature on certain previous beta updates, but the new 2.22.5.11 beta version definitely helps to get the feature. If you haven'
grid

BLU G51s Android Go Edition Smartphone With 6.4-inch Display

By
Image
American smartphone manufacturer BLU announced the entry-level smartphone "BLU G51s" with a 6.4-inch display in the United States. Learn more about the features, full specifications and price of this smartphone. BLU G51s Features The BLU G51s is an entry-level Android smartphone equipped with a 6.4-inch HD+ (1560 x 720) display, a UNISOC (Spreadtrum) SC9863A 1.6GHz octa-core chipset, 2GB RAM, 32GB storage capacity, and a dual 13-megapixel camera as the main camera. This smartphone features a vertically long display with punch holes and Android 11 (Go Edition), which is a lightweight OS for low-end or entry-class smartphone products. The biometric authentication is compatible with a rear-mounted fingerprint authentication sensor, the connection port is USB Type-C, and there is an earphone jack. BLU G51s key specification Display 6.4-inch HD+ (1560 x 720) 19.5: 9 OS Android 11 (Go Edition) Processor UNISOC (Spreadtrum) SC9863A 1.6GHz Octacore Storage 2GB + 32GB (microSD compati
grid