Popular posts pastel colorful - Ash Princess Kawaii
Breaking News
Loading...
08 April 2014

Popular posts pastel colorful

tutorial freebies

popular posts pastel colorful is popular posts colorful, with soft colors or we often call 'pastel'.
How to make popular posts pastel colorful.

Place the following CSS code above  ]]></b:skin>

#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}#PopularPosts1 ul li:first-child{background:#FFBABA;width:90%}#PopularPosts1 ul li:first-child+li{background:#DC9DED;width:90%}#PopularPosts1 ul li:first-child+li+li{background:#BFEAFF;width:90%}#PopularPosts1 ul li:first-child+li+li+li{background:#BFFFCE;width:90%}#PopularPosts1 ul li:first-child+li+li+li+li{background:#EEFFBF;width:90%}#PopularPosts1 ul li:first-child+li+li+li+li+li{background:#FFECBF;width:90%}#PopularPosts1 ul li:first-child+li+li+li+li+li+li{background:#FFCBBF;width:90%}#PopularPosts1 ul li:first-child+li+li+li+li+li+li+li{background:#BFF0FF;width:90%}#PopularPosts1 ul li:first-child+li+li+li+li+li+li+li+li{background:#BFFFD0;width:90%}#PopularPosts1 ul li:first-child+li+li+li+li+li+li+li+li+li{background:#F7FFBF;width:90%}#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child+li:after,#PopularPosts1 ul li:first-child+li+li:after,#PopularPosts1 ul li:first-child+li+li+li:after,#PopularPosts1 ul li:first-child+li+li+li+li:after,#PopularPosts1 ul li:first-child+li+li+li+li+li:after,#PopularPosts1 ul li:first-child+li+li+li+li+li+li:after,#PopularPosts1 ul li:first-child+li+li+li+li+li+li+li:after,#PopularPosts1 ul li:first-child+li+li+li+li+li+li+li+li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:20px;line-height:1em;text-align:center;color:#fff}#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px}#PopularPosts1 ul li a{color:#333;font-family:'Oswald';text-decoration:none}#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}#PopularPosts3 img{-moz-border-radius:130px;-webkit-border-radius:130px;border-radius:130px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding:4px;border:1px solid #fff!important;background:#f2f2f2}


Then save template.

Now to the layout> add a gadget and select popular posts, if you want to display just the title of the post alone, remove the checklist as shown below.



Then save. Changes color as you wish. Good luck!

0 Comments:

Posting Komentar