Skip to main content

How to customize blogger official popular post widget

By
Popular Post widget in blogger shows most viewed & commented post in the sidebar. This helps visitor to find quality articles, tips and guide in just one click. One can easily add this widget by

login to dashboard > layout > add gadget > click popular post.
Now add style sheet to the gadget so that it looks attractive to your readers. 
  1. Go To Blogger Dashboard > Template
  2. Click on Customize > Advanced
  3. Add CSS
Just copy & paste the following css code


 .popular-posts ul{padding-left:0px;}
    .popular-posts ul li {
    list-style-type: none;
    margin:0 0 5px 0px;
    padding:5px 5px 5px 20px !important;
    border: 1px solid #dddddd;
           -moz-box-shadow:1px 1px 2px #dcdcdc;
-web-kit-box-shadow: 1px 1px 2px #dcdcdc;
-goog-ms-box-shadow:1px 1px 2px #dcdcdc;
box-shadow:1px 1px 2px #dcdcdc;
border-radius:5px;
background: rgb(44,83,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,83,158,1)), color-stop(100%,rgba(44,83,158,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
    }

    .popular-posts ul li:hover {
      -moz-box-shadow:1px 1px 2px #dcdcdc;
-web-kit-box-shadow: 1px 1px 2px #dcdcdc;
-goog-ms-box-shadow:1px 1px 2px #dcdcdc;
box-shadow:2px 2px 4px #333333;
    border:1px solid #333333;
color:#fff;
    }

.popular-posts ul li a
{
text-decoration:none;
font:16px Georgia, verdana;
color:#ffffff;
}
    .popular-posts ul li a:hover {
    text-decoration:none;
   
    }

Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

AYE AYE :THE BAD LUCK OMEN

By
Aye Aye is one of the rarest animals of the world. It belongs to the mammals groups. This rare creature dwells in globular nest which has a small hole to enter and exit. When this creature rides on the tree, it uses its middle finger to tap the tree. It uses its slender finger to find out the taste insects. Aye Aye also uses the same middle finger to lift out insects. Its eyes and ears are unusually large. Due to its big eyes some consider this creature as the demon. These types of creatures are very sensitive. These rare creatures are generally found in the Madagascar Island.  The native islanders of Madagascar often killed this creature in first sight because they believe this creature as evil omen. Aye Aye are the only primates of the mammal world to depend on echolocation for pursue.But the most astonishing fact is that this species is in great danger. These animals are particularly fond of ceramicist beetle. They even eat insects, nectar, seeds etc. Aye Aye are dark/brown or ...
Post a Comment
Read more

THE MYSTERIOUS AMAZONIAN ROYAL FLYCATCHER

By
Birds are no doubt a great creation of the world. Birds have different kinds of colorful wings and feathers. They generally utilize their colorful feathers during the meeting time. Peacock is the best example of this behavior. This kind of attracting behavior is also seen in Amazonian Royal Flycatcher . This bird is equally very impressive according to its colorful feathers. The Latin name of this amazing bird is Onychorhynchus coronatus coronatus .The Amazonian Royal Flycatcher is very small in size. It is about six and half inches in length (16.5 cm) . These cute birds are generally found at the Amazon jungle of South America and this is because of giving such name to this beautiful bird. While most bird species displays vibrant color during their sex mostly the male birds. But both the Amazonian Royal Flycatchers display their colorful feathers at the top of their head. While the female have usually the yellow color, male have the fiery orange red color.
Post a Comment
Read more