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:

Comments

Post a Comment

Popular posts from this blog

Add stylish search box to your blog

By
A search box helps visitors to access specific information on your website or blog. So adding a search engine enhances blog page view & keep readers stick to the site. Here is the code for search box. <style> #abt-search-btn {     background: none repeat scroll 0 0 #359BED;     border: 0 none;     border-radius: 0 0 0 0;     color: #FFFFFF;     font-weight: 700;     padding: 10px 20px; } #abt-search-box {     background: none repeat scroll 0 0 #EEEEEE;     border: 0 none;     padding: 10px;     width: 250px; } </style> <form id="searchthis" action="/search" style="display:inline;" method="get"> <input id="abt-search-box" name="q" size="40" type="text" placeholder="  imzas "/> <input id="abt-search-btn" value="Search" type="submit"/> </form>
Post a Comment
Read more

GAUHATI HIGH COURT DECLARES CBI ILLEGAL

By
Gauhati High Court declares India’s premier investigation agency, the Central Bureau of Investigation(C.B.I), as unconstitutional on 6th November, 2013.  But honorable Supreme Court stays the order on Gauhati High Court’s declaration of entitling C.B.I as unconstitutional on Saturday which gave some relief to the CBI & Central Government both. UPA Govt. has already filed a case challenging GC's declaration. C.B.I was created by a home ministry resolution on 1st April, 1963 and it functions under Delhi Special Police Establishment Act (DSPE) 1946.   “The judgment is patently wrong. It should be set aside. We are certainly going to challenge it and the appeal is likely to be filled in the SC” said additional solicitor general PP Malhotra (source-HINDUSTAN TIME). The petition was filed by Attorney General Golam E Vahanvati on behalf of the Govt. of India seeking urgent hearing over the petition. The hearing was conducted at the residence of the Chief Justice of India.  T...
Post a Comment
Read more

THE MYSTERIOUS TREE BARK SKIN DISORDERS

By
The tree bark skin disorder is a dreadful disease. This disease gradually transfigures the human skin in tree like gesture.  It is said that this terrifying disease is incurable still now. This disease naturally happens to see in one (1) among 600000 people. It mutates one's skin into tree bark. In the past life soldiers often inserted tree’s barks, darts, worms and other organic material into their skin so that they could be a part of their environment and to make themselves hide from enemy. The Mongols in Asia, the Huns in Europe and the Vandals in African soldiers always used this process.   The tree man like syndrome concept has been going on from the past. In the past people were inserted various vermin, insects in their skin intentionally and from then tree man syndrome relation is prevailing. This future intentional exploitation is the present causes of this disease.The Human Papillomavirus physically case this disease.It starts with a single warts and cotinued the pro...
Post a Comment
Read more