.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4qR_tXi48PhA7BfVGsM6SbLbNcyGxryto02uA-xPJzeIvcUuQaUUfghw5pNaRTmY6TyLqQtHAWiLBBs_U7mXd5NeRZ1_wrxYFTuis9zdp1AsDpcg_oagXAh6_NVlkagYEhRRi1ddyMO0/s1600/1.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;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
#Label1 a{float:left;
height:18px;
line-height:18px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:10px;
padding:5px;
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
color:#fff;
text-decoration:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
#Label1 a:hover{fbackground: rgb(73,192,240); /* Old browsers */
background: -moz-linear-gradient(top, rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,192,240,1)), color-stop(100%,rgba(44,175,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 ); /* IE6-9 */}
.label-size{line-height:1.5;align:left;}
.h2head-text {margin:-40px 10px 8px 55px;color:#666666;font-family:arial;font-size:13px;}
#Label1{width:320px;;border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D8D8D8;}
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta name="keywords" content="blogging tips, blogger tutorials, SEO tips, Widgets"><b:include data='blog' name='all-head-content'/><title><data:blog.pageTitle/></title><b:skin><![CDATA[/*CSS Styles start from here *//* ------------------------------------------------------- Name: Creating a blogger Template Designer: Wali Khan Blog: www.onlineustaad.com & www.bestbloggercafe.com ------------------------------------------------------- */body {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align: center;color: #000000;background:#f6f6f6 url(http://2.bp.blogspot.com/-gj9pSpbm3xw/T8A9dGx1S7I/AAAAAAAABH4/A_IBVlpQpGc/s000/body-bg.png) repeat;font-family: verdana,helvetica,tahoma,arial,Sans-serif;font-size: 100%;}#outer-wrapper {margin: 0 auto; padding: 0px 0px 0px 0px;width:1000px;}#outer-wrapper {margin: 0 auto; padding: 0px 0px 0px 0px;width:1000px;}]]></b:skin></head><body><div id='outer-wrapper'><div id='header-wrapper'><div id='header'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='my blog template (Header)' type='Header'/></b:section></div></div></div></body></html>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='my blog template (Header)' type='Header'/></b:section>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><head> <!--Head section starts from here--><meta name="keywords" content="Tutorials in Urdu, free seo tips, free wordpress themes, download blogger templates"><b:include data='blog' name='all-head-content'/><title><data:blog.pageTitle/></title><!--CSS styles tag start from here--><b:skin><![CDATA[/*CSS Styles actually start from here *//* -------------------------------------------------------Name: Creating a blogger TemplateDesigner: Wali KhanBlog: www.onlineustaad.com & www.bestbloggercafe.com------------------------------------------------------- */#navbar-iframe{ display:none !important}body {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align: center;color: #000000;background:#f6f6f6 url(http://2.bp.blogspot.com/-gj9pSpbm3xw/T8A9dGx1S7I/AAAAAAAABH4/A_IBVlpQpGc/s000/body-bg.png) repeat;font-family: verdana,helvetica,tahoma,arial,Sans-serif;font-size: 100%;}#outer-wrapper {margin: 0 auto;padding: 0px 0px 0px 0px;width:1000px;}#content-wrapper {position: relative;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align: center;width:1000px;}.clear {clear: both;line-height: 0;height: 0;}a, a:visited {color: blue;text-decoration: none;}a:hover {text-decoration: underline;color: red;}#header-wrapper {position: relative;height: 1%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;width:1000px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBSdlQd45XU1GlCovTi4QNgMkEZ8n87-zj5OsxhkkfIQUdDRwFjojTVNucXYMpsQOQcW55C4dxs4IDA5Qjr6jLMC-nrFsorCzgAClkcKABSpHU-vyBDYw_cGdvW-LpoyrJaYPaTg0J_y0/s1600/ss.png) top repeat;overflow:hidden;}#header {margin:0;padding:0;width:480px;border-right:2px solid white;float:left;}#header h1 {display: block;margin: 0px 0px 0px 0px;padding: 10px 0px 0px 5px;color:white;text-transform:capitalize;text-align:left;}#banner {float:right;margin:0;padding: 10px 10px 10px 10px;width:480px;}#header h1 a {text-decoration: none;color: white;}#header h1 a:hover {text-decoration: none;}#header .description {display: block;margin: 0px 0px 0px 0px;padding: 10px 0px 10px 5px;color:#FFE4C4;font-family:Georgia;text-align:left;font-size:16px;}#main-wrapper {display: inline;float: left;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;width:700px;}#main {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;width:700px;background: #FFEBCD;color: #000000;font-family: Times New Roman, Georgia;line-height: 2em;}#main .widget {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}h2.date-header {margin: 0px 0px 0px 0px;padding: 10px 10px 10px 10px;text-align: left;color: brown;font-size:12px;font-family:arial;}.date-header span {margin: 0px 0px 0px 0px;padding: 0px 10px 0px 10px;}.post {margin: 0px 20px 0px 20px;padding: 0px 20px 0px 20px;line-height: 1.5em;text-align: left;background: $postbgColor;}.post h3 {margin: 0px 0px 0px 0px;padding: 10px 0px 0px 0px;color: orange;font: Times New Roman;line-height:1.5em;text-decoration: underline;}.post h3 a, .post h3 a:visited {color:blue;font: blue;font-variant: small-caps;text-decoration: none;}.post-body p {margin: 0px 0px 0px 0px;padding: 10px 0px 0px 0px;height: 1%;}.post ul {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 50px;list-style-type: disc;line-height: 1.6em;}.post ol {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 50px;line-height: 1.6em;}.post li {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 5px;line-height: 1.6em;}a img {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border:2px solid #8A2BE2;}.sidebar-wrapper {display: inline;float: right;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}.sidebar {margin: 0px 0px 0px 0px;padding: 10px 10px 10px 10px;width:270px;text-align: left;color: #fff;font: Times New Roman;}#sidebar2 {background: #A9A9A9;}.sidebar .widget {margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px;}.sidebar .BlogArchive {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}.sidebar h2 {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;color:black;}.sidebar #BlogArchive1 h2 {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}.sidebar ul {margin: 0px 0px 0px 0px;padding: 0px 20px 0px 20px;list-style-type: disc;line-height: 1.4em;}.sidebar li {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}.sidebar a, .sidebar a:visited {color: blue;}.sidebar a:hover {text-decoration: underline;color: #FF0000;}.sidebar a img {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}#Profile1 {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}#Profile1 h2 {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}.profile-textblock {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;clear: both;}.profile-data {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;letter-spacing:.1em;font-weight: bold;line-height: 1.6em;}.profile-datablock {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}.profile-link {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}.post-footer {display: block;margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px;text-align: left;font: Times New Roman;font-weight: normal;}.post-footer-line {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}.post-footer a {color: blue;}.post-footer a:hover {text-decoration: none;color: red;}.post-footer .post-comment-link a {margin: 0px 0px 0px 0px;padding: 0px 10px 0px 10px;border: 2px solid #B0E0E6;font-weight: bold;}.post-footer .post-comment-link a:hover {text-decoration: none;color: #98FB98;}#blog-pager {margin: 0px 0px 0px 0px;padding: 10px 20px 0px 20px;text-align: center;}#blog-pager-newer-link {float: left;margin: 0px 0px 0px 0px;padding: 10px 10px 0px 10px;}#blog-pager-older-link {float: right;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}.feed-links { display:none !important; }#comments {margin: 20px 20px 0px 20px;padding: 20px 20px 20px 20px;text-align: left;background: #AFEEEE;color: black;font: Times New Roman;line-height:2em;width:600px;}#comments a {color: red;}#comments h4 {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;color: blue;font-weight: bold;}.deleted-comment {font-style:italic;color:gray;}.comment-author {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;color: brown;}.comment-body p {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;line-height: 2em;width:600px;}#comments ul {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;list-style-type: disc;}#comments li {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}#footer-wrapper {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;width:1000px;height:40px;background: #DB7093;}#footer {margin: 0px 0px 0px 0px;padding: 10px 10px 10px 10px;text-align: center;color: black;font: Times New Roman;line-height: 1.2em;}#footer h2 {margin: 0px 0px 0px 0px;padding: 0px 0px 10px 0px;font-size: 100%;font-weight: bold;}#footer .widget {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}#nav {margin:0;padding:0;background:#808259 url(nav_bg.jpg) 0 0 repeat-x;width:100%;float:left;border:1px solid #42432d;border-width:1px 0;}#nav li {display:inline;padding:0;margin:0;text-align:center;}#nav a:link, #nav a:visited {color:#000;background:#b2b580;padding:15px 15px 15px 15px;float:left;width:auto;border-right:1px solid #42432d;text-decoration:none;font:bold 1em/1em Arial, Helvetica, sans-serif;text-transform:capitalize;text-shadow: 2px 2px 2px #555;text-align:center;}#nav a:hover {color:#fff;background:#727454;}#nav a:active {background:#e35a00;color:#fff;}]]></b:skin> <!--CSS styles tag ends here--></head> <!--Head section ends here--><body> <!--The body is starting from here--><div id='outer-wrapper'> <!--this is the entire blog's container--><div id='wrap2'><!-- skip links for text browsers --><span id='skiplinks' style='display:none;'> <!--These red tags are automatically added by blogger--><a href='#main'>skip to main </a> | <!--I didn't add these tags, believe me--><a href='#sidebar'>skip to sidebar</a></span><div id='header-wrapper'> <!--this is the header section--><div id='header'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='my blog template (Header)' type='Header'/></b:section></div><div id='banner'><b:section class='banner' id='banner' preferred='yes'><b:widget id='HTML1' locked='false' title='' type='HTML'/></b:section></div></div> <!--header section ends here--><div> <!--The navigation bar starts from here--><ul id='nav'><li><a expr:href='data:blog.homepageUrl'>Home</a></li><li><a href='#'>Web Designing</a></li><li><a href='#'>SEO</a></li><li><a href='#'>Blogger</a></li><li><a href='#'>Making Money</a></li><li><a href='#'>About Us</a></li><li><a href='#'>Contact Us</a></li><li><a href='http://www.onlineustaad.com'>Download This Template</a></li></ul></div> <!--The navigation bar ends here--><div class='clear'/><!--This container is for all things, posts, date header, post title, comments--><div id='content-wrapper'><div id='main-wrapper'> <!--Content [blog posts] are added here--><b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section></div> <!--this is the ending tag of blog posts--><div class='sidebar-wrapper'> <!--the sidebar is added here along with two widgets inside--><b:section class='sidebar' id='sidebar2' preferred='yes'><b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/></b:section></div> <!--sidebar ends here--><!-- spacer for skins that want sidebar and main to be the same height--><div class='clear'> </div> <!--these red tags were also automatically added by blogger--></div><div id='footer-wrapper'> <!--footer starts from here--><b:section class='footer' id='footer'><b:widget id='Text1' locked='false' title='Creating a blogger Template by Onlineustaad.com' type='Text'/></b:section></div><!--footer ends here--><p style='text-align:right;'><!--this is the credit link, which you should always keep to respect me-->Created By:<a href='http://www.onlineustaad.com'>OnlineUstaad.com</a></p></div></div> <!--entire blog's container ends here--></body> <!--body ends here--></html>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>