Have You Ever Notice In Many Blogs Popular Post Widget Is Customized And Looks Awesome And The Old Popular Post Widget Looks Awful.So Today I am Gonna Show You How To Customize Popular Post Widget On Blogger.So Follow My Steps.........
1-> Open Your Blogger Account
2-> Click On Template
3-> Click On Customize
4-> Now Go To Advanced Click On Add CSS
5-> Now Paste Following Code
1-> Open Your Blogger Account
2-> Click On Template
3-> Click On Customize
4-> Now Go To Advanced Click On Add CSS
5-> Now Paste Following Code
.popular-posts ul{padding-left:0px;} .popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDFLkt5q1JY038dIEWbqEwenolEH0ZwIhDz8sHwenMyo_UdsrDOgTsv-O-ca0XGcEwcHhF-0gJzt9IB9PMOTa_2HN4V_xnyHqAeP_Owm5l-fpLK8H4ar_gn3gRxiRORsgiR2UX_xxHejk/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 #1874CD; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .popular-posts ul li:hover { border:1px solid #222222; } .popular-posts ul li a:hover { text-decoration:none; }
6-> Now Click On Apply To Blog
Yipeeeeeee............
Please Leave Your Question And Comment Below
0 comments:
Hello Friends ?
My Name is (Mohammad Bilal) 21year old, live in sargodha,pakistan. am a Blog Designer and Devolper.Read more
Post a Comment