Every 1 Posts | Best All Techonolgy : themes

List of Best Websites to Download Free Blogger Templates

<div class="separator" style="clear: both; color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrsTPKzNHLkhXXCeOfGu7-8oimJXmRTvmmBNp_xf-HgKY4FNOzz7sPxWIUVJjqgTZg-M5k4t0dWUYOn73jkVlExGJlVwBxqSa_VvUzcYCW72NH_HsrZ3FKB2QkVWL84KZkHX_JZp6dyaA/s1600/best-blogger-templates.jpg" style="clear: left; color: #349ecb; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="best blogger template" border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrsTPKzNHLkhXXCeOfGu7-8oimJXmRTvmmBNp_xf-HgKY4FNOzz7sPxWIUVJjqgTZg-M5k4t0dWUYOn73jkVlExGJlVwBxqSa_VvUzcYCW72NH_HsrZ3FKB2QkVWL84KZkHX_JZp6dyaA/s320/best-blogger-templates.jpg" style="border: none; height: auto; max-width: 100%;" title="" width="320" /></a></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
Finding a great <a href="http://www.bestbloggercafe.com/5-beautiful-free-blogger-templates-for-blogspot/" style="color: #349ecb; text-decoration: none;" target="_blank">template for your blogger blog </a>sometimes becomes a headache, because you know everyone wants to get a template which is free of coding errors and <a href="http://www.bestbloggercafe.com/how-to-seo-optimize-blogger-comments/" style="color: #349ecb; text-decoration: none;" target="_blank">SEO optimized</a> by default. If you are a good web designer and know <a href="http://www.bestbloggercafe.com/learn-complete-html-video-course-online/" style="color: #349ecb; text-decoration: none;" target="_blank">HTML</a>, JavaScript and <a href="http://www.bestbloggercafe.com/complete-css3-web-designing-video-tutorials/" style="color: #349ecb; text-decoration: none;" target="_blank">CSS </a>well then it's easier for you to customize any template you want as per your requirements, but if you don't have the core knowledge of these web designing tools then you might get in troubles. However, some websites are out there which can help you find a great template for your blog which should be clean in design and SEO optimized as well. The list of websites I'm providing today have thousands of free blogger templates from all categories. So you can find your template easily, but it can consume a little bit of your time.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<span id="more-89"></span></div>
<h3 style="background: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); color: rgb(52, 158, 203) !important; font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;">
Top 5 websites to download blogger templates from</h3>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
The list of top websites is being shared which provide you the <a href="http://www.bestbloggercafe.com/5-beautiful-free-blogger-templates-for-blogspot/" style="color: #349ecb; text-decoration: none;" target="_blank">best blogger templates for free</a> of cost. You can find any template related to your blog's category. There are thousands of themes and designs available for you including the free premium templates. So kindly visit the websites one by one and download your desired template for free.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<b><span style="font-size: medium;"><a href="http://www.bestbloggertemplates.net/" rel="nofollow" style="color: #349ecb; text-decoration: none;" target="_blank">1. BestBloggerTemplates.Net</a></span></b></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
This website is managed by <b>Paul Crow</b> who is a well-known blogger in the industry, and without doubt BBT has provided quality templates for blogger users for last few years. You can find any template you want by using color name, category, styles or Sidebars etc.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<b><span style="font-size: medium;"><a href="http://www.btemplates4u.com/" rel="nofollow" style="color: #349ecb; text-decoration: none;" target="_blank">2. Btemplates4U.com</a></span></b></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
Another great website for free blogger templates and it publishes new templates most often. You can find any template according to your needs. This website can meet your needs if you want to find a professional looking free design for your blogger blog, apart from Blogger templates it also offers you a number of free WordPress themes. Must give it a try.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<b><span style="font-size: medium;"><a href="http://www.btemplates.com/" rel="nofollow" style="color: #349ecb; text-decoration: none;" target="_blank">3. Btemplates.com</a></span></b></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
This is a very old site for providing free Blogger templates and I've been visiting it since 2009. Hundreds of free templates available for downloading along with installation instructions given by the site admin. The site's navigation is very simple and you won't face any difficulty while finding a template for your blog.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<b><span style="font-size: medium;"><a href="http://www.mastemplate.com/" rel="nofollow" style="color: #349ecb; text-decoration: none;" target="_blank">4. MasTemplate.com</a></span></b></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
This site is indeed a great site which has some selected templates but they are great enough. The site's admin himself is a blogger template designer and along with templates he provides you technical support via blog comments or via email. All templates are designed by the admin himself. So if you want to download some sort of dynamic and stylish themes then must visit it.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<b><span style="font-size: medium;"><a href="http://www.deluxetemplates.net/" rel="nofollow" style="color: #349ecb; text-decoration: none;" target="_blank">5. DeluxTemplates.Net</a></span></b></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
Just a WoW for this site, a treasure of <a href="http://www.bestbloggercafe.com/5-beautiful-free-blogger-templates-for-blogspot/" style="color: #349ecb; text-decoration: none;" target="_blank">blogger templates</a>. It provides themes related to all categories and there are many templates which could be a fit for your blogger blog. Apart from blogger templates it also provide a great variety of WordPress themes for free. So if you want to have a stunning design for your blog then must visit it right now.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<b><span style="text-decoration: underline;">Over to YOU! </span></b><br />Now what do you think of these great websites? if you have found any other great site for free blogger templates then let me and my readers know in comment section. <b>Take care buddies!</b></div>

List of Best Websites to Download Free Blogger Templates

Finding a great template for your blogger blog sometimes becomes a headache, because you know everyone wants to get a template which is...

Free SEO Friendly & Adsense Ready Blogger Template Devil's Workshop

<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
<b>Devil's Workshop</b> is one of my favorite <a href="http://www.bestbloggercafe.com/5-beautiful-free-blogger-templates-for-blogspot/" style="color: #349ecb; text-decoration: none;" target="_blank">Blogger templates</a> which I myself use on few of my blogs. Therefore, I don't want to hide anything from my readers and my friends. I will share everything I like for myself in the future as well. Today I would like to share a great Blogger Template. It is the first template, which I really loved. This template is by default <a href="http://www.bestbloggercafe.com/8-killer-seo-tips-for-blogger-blog-2014-part-1/" style="color: #349ecb; text-decoration: none;" target="_blank">SEO friendly</a>, and very fast to load in all browsers. The template is also Adsense ready and you can <a href="http://www.bestbloggercafe.com/how-to-insert-adsense-ads-below-post-titles-in-blogger/" style="color: #349ecb; text-decoration: none;" target="_blank">insert Adsense ads</a> on the most important places of your blog such as in the header and below the post titles. It is a two column template and has a beautiful navigation bar which can be easily customized. <a href="http://www.bestbloggercafe.com/how-to-add-facebook-like-button-in-blogger-posts/" style="color: #349ecb; text-decoration: none;" target="_blank">Social buttons</a> at left side of every post is the beauty of this design. Everything you need for your blog is included in this template.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: center;">
<b>Screen shot of Devil's WorkShop Blogger Template</b><br /><b><a href="http://www.pashtotutorials.net/" rel="nofollow" style="color: #349ecb; text-decoration: none;" target="_blank">Demo </a>- <a href="https://docs.google.com/file/d/0B4mQXorHHo_ZZ3hhSkdsUHgzTXM/edit?usp=drive_web" rel="nofollow" style="color: #349ecb; text-decoration: none;" target="_blank">Download</a></b></div>
<div class="separator" style="clear: both; color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOOJUXtLtUCKMzEkBGnrrbU5jM8Xa7NSp1Iq69s-NSRwaDn3siAUcRudbGbQR0k8lvlsRS2u4HLyP3_VCfLqaSB5R2mYoxIX-KRbV6eRVXY4pgfxaWzzgzEPtqvPa4ol0DGhnAKcqgAZc/s1600/Devils-workshop-blogger-template.jpg" style="color: #349ecb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOOJUXtLtUCKMzEkBGnrrbU5jM8Xa7NSp1Iq69s-NSRwaDn3siAUcRudbGbQR0k8lvlsRS2u4HLyP3_VCfLqaSB5R2mYoxIX-KRbV6eRVXY4pgfxaWzzgzEPtqvPa4ol0DGhnAKcqgAZc/s1600/Devils-workshop-blogger-template.jpg" style="border: none; height: auto; max-width: 100%;" /></a></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<span id="more-72"></span></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
<b><span style="font-size: medium;">Some great features of this template:</span></b></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
</div>
<ul style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px 0px 20px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">SEO Friendly by default</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Adsense Ready, banner space in the header and ad unit space below post titles</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Super fast to load in every browser</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Beautiful navigation bar</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Stay connected widget for all of your social & subscription links</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Cool Sidebar of width 300 Pixels</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Social Buttons with every blog post</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Read More option on posts, on home page</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Empty space for picture logo</li>
</ul>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
<h3 style="background: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); color: rgb(52, 158, 203) !important; font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;">
How to Download this template for free?</h3>
<div>
<div style="text-align: justify;">
This template is absolutely <a href="http://www.bestbloggercafe.com/5-beautiful-free-blogger-templates-for-blogspot/" style="color: #349ecb; text-decoration: none;" target="_blank">free Blogger template</a>. I will give you a link from my Google Docs folder from where you can download it just in seconds. After downloading you will just have to install it by visiting your blog's template page.</div>
</div>
<h3 style="background: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); color: rgb(52, 158, 203) !important; font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;">
How to Install & Modify Blogger Template in Urdu?</h3>
<div>
<div style="text-align: justify;">
For installing a blogger template you need to follow these steps:<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</div>
<ul style="margin: 0px; padding: 0px 0px 20px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Go to Blogger dashboard >> Template</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Just observe the <b>"Backup/Restore"</b> button at right top & Click that</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">You can upload your template and also you can download/backup your older template</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Upload your template which you downloaded and click upload</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">That's all done, now view your blog</li>
</ul>
<div>
I hope you'll easily customize this template, however, if you faced any difficulty during the installation then let me instantly know here in comment section, so I can guide you. Take Care.</div>
</div>
</div>
</div>

Free SEO Friendly & Adsense Ready Blogger Template Devil's Workshop

Devil's Workshop is one of my favorite Blogger templates which I myself use on few of my blogs. Therefore, I don't want to hide ...

How to create a blogger template from scratch?

<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px; text-align: justify;">
<a href="http://www.bestbloggercafe.com/wp-content/uploads/2013/07/blogger-template.jpg" style="color: #349ecb; text-decoration: none;"><img alt="blogger-template" class="size-medium wp-image-398 alignleft" height="172" src="http://www.bestbloggercafe.com/wp-content/uploads/2013/07/blogger-template-300x172.jpg" style="border: none; display: inline; float: left; height: auto; margin: 0px 20px 10px 0px; max-width: 100%;" width="300" /></a>When you create a blog with blogger.com then you immediately try to search an appropriate or even stylish template for your blog; right?. Well, that's quite common for the new bloggers coming to start with blogger.com. There are thousands of <a href="http://www.bestbloggercafe.com/2012/11/5-beautiful-free-blogger-templates-for.html" style="color: #349ecb; text-decoration: none;" target="_blank">free blogger templates</a> available on the web and you can download any template you want for free. Also blogger itself provides you some basic templates and a designer for designing your own blog or any part of your blog. So the issue here is; there are many custom templates <b>[third party templates]</b> which you sometimes having tried to change or some parts of the template you wanted to change but you didn't succeed to do so. Therefore, I have a question that did you not ever try to create your own template for your blog? or didn't you ever try to learn about creating a blogger template for your blog?. So yeah, it is so interesting topic which I've brought to you today. Because if you create a template yourself, it would be great designing experience and also you'll be knowing about each part of the template and will be able to edit or change anything you want.<span id="more-50"></span></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
Buddies, I few days back started <b>creating a blogger template</b> from scratch [<b>I mean from blank page]</b>, I researched a lot and then tried to create the template and a very much of my time went in testing again and again. Finally, I created a very simple and awesome template which is a two column template and has all the necessary parts which <a href="http://www.bestbloggercafe.com/2013/04/best-blogger-templates-2013.html" style="color: #349ecb; text-decoration: none;" target="_blank">blogger templates</a> usually have such as the header, the content area, the body, the sidebar, the footer and etc. This template took my too much time and still it needs to be improved, however, I couldn't resist to share it with you. I'm going to teach about how did I create this template or how can you create a blogger template easily. Let's start doing something new today, but before starting the tutorial kindly have a look at below picture for taking the basic idea for creating a blogger template:</div>
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXQPxYFlwBSRgnzAFqXA3eVHHZnLKt3_bl440NOqwJ1cDwbnWA4fWtvUfHsx-BunBBYYyglxw_QDkdnjgL2U6JqphU5JK_kJcl2uCCIFCyOghkuI7OWoeHC9FKiKnE_DZrqWkz6X7Ym3D5/s1600/blogger-layout.jpg" style="color: #349ecb; text-decoration: none;"><img alt="blogger template structure" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXQPxYFlwBSRgnzAFqXA3eVHHZnLKt3_bl440NOqwJ1cDwbnWA4fWtvUfHsx-BunBBYYyglxw_QDkdnjgL2U6JqphU5JK_kJcl2uCCIFCyOghkuI7OWoeHC9FKiKnE_DZrqWkz6X7Ym3D5/s1600/blogger-layout.jpg" style="border: none; height: auto; max-width: 100%;" title="" width="560" /></a></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px; text-align: justify;">
The above picture shows the basic structure of a blogger template in which I've indicated all the important parts of a blogger template, we're having different sections for our template such as:</div>
<ul style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px 0px 20px; text-align: justify;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">A header with two blocks one for title & description and the second for a banner</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">The navigation menu for static pages or other links</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">The content area where all of your blog posts are displayed and above the posts date is shown and below the post some links are posted like posted by, comments and the pagination links such as newer, home and older.</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">The Sidebar which shows all the data by order like archives, labels, about you, popular posts and widgets etc.</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">And the final part is the footer which is used for adding the footer links or copyright disclaimer etc.</li>
</ul>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
So this is the very basic structure of blogger template which is showing in above image, however, after learning creating the basic template you'll be able to create any type of template by yourself. Now once again see the live example of my template by following below link:</div>
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
<ul style="margin: 0px; padding: 0px 0px 20px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;"><a href="http://creating-blogger-template.blogspot.com/" rel="nofollow" style="color: #349ecb; text-decoration: none;" target="_blank">SEE THE TEMPLATE LIVE DEMO</a></li>
</ul>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
If you've visited the above link then now you'd be learning creating the same template by yourself. as my tutorial will be based on the structure and coding of the same template which I named as "<b>Creating Blogger Template"</b> so you must download it before learning further, download the template from a given link below, And remember that never delete the "<b><span style="color: red;">credit</span></b>" link from the template:</div>
</div>
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
<ul style="margin: 0px; padding: 0px 0px 20px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;"><a href="https://docs.google.com/open?id=0B4mQXorHHo_ZNWRkM3pHMlA4SDA" rel="nofollow" style="color: #349ecb; text-decoration: none;" target="_blank">Download the Template Now</a></li>
</ul>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
Now when you've downloaded the template, let's start creating it or simply creating a new blogger template.</div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
<span style="line-height: 1.5em;">All i know is; </span><b style="line-height: 1.5em;">creating a blogger template</b><span style="line-height: 1.5em;"> is very easy, and same like you create an HTML or CSS template.  In order to create a blogger template you should have a basic understanding of HTML, CSS and a little bit of XML. Because blogger is a CMS system which is built in </span><b style="line-height: 1.5em;">XML (Extensible mark-up Language</b><span style="line-height: 1.5em;">) and this language works like PHP and ASP.net. Blogger has a database from where you can import your posts to display on your blog, but for importing the posts you'll use XML tags, because blogger has its own </span><b style="line-height: 1.5em;">costume XML tags</b><span style="line-height: 1.5em;"> for importing each section to your blog, which we're going to learn. Also when you import the posts, pages, widgets etc from blogger database and show on your blog then you use CSS for giving them formatting and styling according to your own needs. Moreover, blogger custom tags [xml tags] are always embedded inside HTML DIV tags. </span></div>
</div>
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
The blogger post editor and other tools like setting, comments, pages, stats, new post etc are automatically added by blogger, so you don't need to worry about them, you just need to create a template which is styled with css and import the sections to display on your blog's home page such as header, blog posts, navigation bar, sidebar and footer etc. I think this theory is enough, now let's start it.</div>
<h3 style="background: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); color: rgb(52, 158, 203) !important; font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;">
The basic parts of blogger template</h3>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
You'll have to work on only three parts while creating a blogger template, and these three parts are here:</div>
</div>
<div>
<ol style="margin: 0px; padding: 0px 0px 20px;">
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><b><head></b>the specific information goes here<b></head></b></li>
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><b><b:skin></b><![CDATA[All CSS Goes Here]]><b></b:skin></b></li>
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><b><body></b> The page content goes here<b></body></b></li>
</ol>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
So basically you've to work in above mentioned three areas to create a template. The first thing is first which is the head section of the blog, where you always insert important declarations and information about your blog such as the extension for XML, extension for HTML, the title of the blog, meta tags for search engines, external CSS & JavaScript codes and etc. These all information doesn't display on your blog's page but they are important.</div>
</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
The second part which is about adding all <a href="http://www.onlineustaad.com/2012/06/learn-complete-css-style-sheet-video.html" style="color: #349ecb; text-decoration: none;" target="_blank">CSS styles </a>for your blog, so basically you can write your CSS inside the <b><b:skin><![CDATA[here]]></b:skin></b>, this is why, because as told, blogger is built in XML so it needs  a special <b><![CDATA[]]></b> tag to add CSS styles. And the <b></b:skin></b> tag is defined by blogger for simplicity, skin means face of the blog. You can also add a <b><span style="color: red;"><style></style></span></b> tag inside <b><span style="color: blue;"><![CDATA[]]></span></b> but if you don't then it will still work.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
The third part is <b><body></body></b> which shows all of your blog to the visitors, so in CSS you tell the browser that how to show different elements and in the Body you add the sections of the blog by order, for example: you'll first have to add header, then navigation bar, then blog posts, then sidebar and in last footer.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
So these all sections are added inside body tag and by using <b>HTML and XML</b>.You'll just have to insert few HTML and XML tags to display all of your blog's design, actually you have to work more in CSS's part.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
Now let's have a basic design in details and test it yourself by copying below codes and insert it inside an empty notepad file, give the file an extension of .xml because without .xml extension you can't test it on blogger. After saving that file create a new blog for testing and upload that file into your blog as you change template normally.</div>
<div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;">
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><?xml version="1.0" encoding="UTF-8" ?></span></div>
</blockquote>
</div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;">
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></span><span style="color: red;"><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'></span><span style="color: red;"><br /></span><b><head></b><br /><span style="color: blue;"><meta name="keywords" content="blogging tips, blogger tutorials, SEO tips, Widgets"></span><span style="color: blue;"><b:include data='blog' name='all-head-content'/></span><span style="color: blue;"><title><data:blog.pageTitle/></title></span></div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: #38761d;"><b:skin><![CDATA[</span><span style="color: #38761d;">/*CSS Styles start from here */</span><span style="color: #38761d;">/* -------------------------------------------------------</span><span style="color: #38761d;">  Name: Creating a blogger Template</span><span style="color: #38761d;">  Designer: Wali Khan</span><span style="color: #38761d;">  Blog: www.onlineustaad.com & www.bestbloggercafe.com</span><span style="color: #38761d;">   ------------------------------------------------------- */</span><span style="color: #38761d;">body {</span><span style="color: #38761d;">margin: 0px 0px 0px 0px;</span><span style="color: #38761d;">padding: 0px 0px 0px 0px;</span><span style="color: #38761d;">text-align: center;</span><span style="color: #38761d;">color: #000000;</span><span style="color: #38761d;">background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIu3ysAUUwYFQgGw24Ai7Hugf1nRbJOUudC2L8eVQykmLBkp9cBvZdrw5q6PmlDAgIgDkGBIAmz4moKLyJ9Feyz8yAvKuMDSROf9C98nxvYHjSdeKEMxp-kjnrGQSFJIUGAli_157Anpv6/s0/body-bg.png) repeat;</span><span style="color: #38761d;">font-family: verdana,helvetica,tahoma,arial,Sans-serif;</span><span style="color: #38761d;">font-size: 100%;</span><span style="color: #38761d;">}</span><span style="color: #38761d;">#outer-wrapper {</span><span style="color: #38761d;">margin: 0 auto;   </span><span style="color: #38761d;">padding: 0px 0px 0px 0px;</span><span style="color: #38761d;">width:1000px;</span><span style="color: #38761d;">}</span><span style="color: #38761d;">#outer-wrapper {</span><span style="color: #38761d;">margin: 0 auto;   </span><span style="color: #38761d;">padding: 0px 0px 0px 0px;</span><span style="color: #38761d;">width:1000px;</span><span style="color: #38761d;">}</span><span style="color: #38761d;">]]></b:skin></span></div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b></head></b></div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b><body></b><b><div id='outer-wrapper'></b><b><div id='header-wrapper'></b><b><div id='header'></b><b><b:section class='header' id='header' maxwidgets='1' showaddelement='no'></b><b><b:widget id='Header1' locked='true' title='my blog template (Header)' type='Header'/></b><b></b:section></b><b></div></b><b></div></b><b></div></b><b></body></b></html></div>
</blockquote>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
In above codes the first <span style="color: red;"><b>red colored</b></span> <b><span style="color: red;">code </span></b>is just for adding the extensions for validating the languages in which the template is written such as <b>HTML and XML</b>. the second <b><span style="color: blue;">blue colored code</span></b> is for adding the important information about your blog such as meta tags, blog title etc. And <b><span style="color: #38761d;">green color</span></b> is for adding all CSS styles and also you can observe the <b><head></head></b> that from where it starts and till where it ends.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
in our CSS style we created an ID selector naming <b>[outer-wrapper]</b> which is holding the whole blog design and we added a width of 1000px means pixels, that container will be holding the entire blog and all other smaller containers will be added inside outer-wrapper. So in <<b>body</b>> tag we added the <b>outer-wrapper</b> by using a DIV html tag and we gave the id='outer-wrapper' so it will add the template. And inside that we added the another wrapper which is [<b>header-wrapper</b>] and the header-wrapper will be responsible for holding the header section of our blog. And inside header wrapper we've more two containers which are <b>[header] and [banner]</b> but here I've only added the header and banner will be later on found below.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
In order to work with blogger template you must add at least one XML tag to run the template and we did that by adding the: <b><b:section></b:section></b> tag which is importing the data from the blogger's database. <b><b:section></b> basically means that you're adding a data section to your blog and that automatically imports the data from the database which you earlier inserted either by using the Add a widget or by creating a new post etc.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b>So the full code: </b></div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;">
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:section <span style="color: blue;">class</span>='header' <span style="color: red;">id</span>='header' <span style="color: purple;">maxwidgets</span>='1' <span style="color: #cc0000;">showaddelement</span>='no'></div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:widget id='Header1' locked='true' title='my blog template (Header)' type='Header'/></div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</b:section></div>
</blockquote>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
is adding a section which contains a <b><b:widget></b> tag as well, because the <b><b:widget></b> tag is a single tag in blogger XML and is always added inside <b><b:section></b> tag.</div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
Now let me tell you the different attributes of both <b><b:section></b> tag and <b><b:widget></b> tag:</div>
<ol style="margin: 0px; padding: 0px 0px 20px;">
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><span style="color: blue;">Class</span>: is defined for CSS class, CSS class will be applied on this section</li>
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><span style="color: red;">Id</span>: is also defined for CSS ids, the id [if created in css] will be applied on this section</li>
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><span style="color: purple;">maxwidgets</span>: this attribute is responsible for how many widgets should be added, means if you give '1' then more than one widgets can not be added.</li>
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><span style="color: #cc0000;">showaddelement</span>: is for; whether the [<b>Add a New Gadget</b>] button should be displayed or not, value yes means; it will be displayed and you'll be able to add widgets, but if you set no then you can't add widgets in that section.</li>
</ol>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b>Now the <b:widget> tag's attributes: </b></div>
</div>
<div>
<ol style="margin: 0px; padding: 0px 0px 20px;">
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><b>id</b>: is an optional id for the widget, so it should be unique for each widget</li>
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><b>locked</b>: this is important and if you set 'true' that's mean the widget won't be removed and the Edit link for that widget won't be displayed, but if you set 'false' then you'd be able to remove that widget when you want.</li>
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><b>Title</b>: is optional and automatically added by blogger.</li>
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;"><b>Type</b>: is important and for each widget you should also give it's type for example: for header you add the type as [Header], for blog posts as [Blog], for HTML/JavaScript widgets as [HTML] and so on.</li>
</ol>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
So the above two <b>XML [blogger] </b>tags are those tags,  which are used mostly in blogger templates. you can add or import all the other sections of your blog from the blogger database by using the same syntax as shown in the above example. The <b><b:secton></b:section></b> tag is always used to display the content in a section and the <b><b:widget></b> is for each widget which you want to show on the same section. So there might be more than one <b><b:widgets></b> inside a <b></b:section></b>. Now when you've understood how a blog template  structure works; we'll go further in advance.</div>
</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
One thing should be remembered that, when you create your blogger template and add it to blogger then don't check the <b><span style="color: red;">[expand widget template]</span></b>, because that adds the extra codes which are automatically generated by blogger. You just need to add your codes in the HTML section with <b>[expand widget templates]</b> option unchecked.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
I created the above template by working again and again for three days. So you can change any part of that template by going to its CSS part.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b>Now let me give you the complete code for this simple template and then discuss what we've done: </b></div>
<div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;">
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<?xml version="1.0" encoding="UTF-8" ?></div>
</blockquote>
</div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;">
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<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'></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><head> </span><b></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><meta name="keywords" content="Tutorials in Urdu, free seo tips, free wordpress themes, download blogger templates"></span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><b:include data='blog' name='all-head-content'/></span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><title><data:blog.pageTitle/></title></span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;"><b:skin><![CDATA[</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">/*CSS Styles actually start from here  */</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">/* -------------------------------------------------------</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">  Name: Creating a blogger Template</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">  Designer: Wali Khan</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">  Blog: www.onlineustaad.com & www.bestbloggercafe.com</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">   ------------------------------------------------------- */</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#navbar-iframe{ display:none !important}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">body {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align: center;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: #000000;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIu3ysAUUwYFQgGw24Ai7Hugf1nRbJOUudC2L8eVQykmLBkp9cBvZdrw5q6PmlDAgIgDkGBIAmz4moKLyJ9Feyz8yAvKuMDSROf9C98nxvYHjSdeKEMxp-kjnrGQSFJIUGAli_157Anpv6/s0/body-bg.png) repeat;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-family: verdana,helvetica,tahoma,arial,Sans-serif;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-size: 100%;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#outer-wrapper {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0 auto;   </span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:1000px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#content-wrapper {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">position: relative;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align: center;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:1000px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.clear {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">clear: both;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height: 0;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">height: 0;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">a, a:visited {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: blue;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-decoration: none;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">a:hover {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-decoration: underline;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: red;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#header-wrapper {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">position: relative;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">height: 1%;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:1000px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDsGH_gsxm1hPRQCLjnnDB19zXfIOIrwIaZyLV-7Ug8dN8MdlqalHWLFgax0q9o-6DFqt0qJu6Xr7xPG7MUQgC79Agf-LZmlsIYhrPA9Agp3R4jv2tGiL-AmYJI0TPPmaW8srTJwe1Mk8/s1600/ss.png) top repeat;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">overflow:hidden;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#header {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin:0;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding:0;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:480px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">border-right:2px solid white;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">float:left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#header h1 {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">display: block;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 0px 0px 5px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color:white;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-transform:capitalize;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align:left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#banner {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">float:right;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin:0;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 10px 10px 10px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:480px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#header h1 a {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-decoration: none;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: white;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#header h1 a:hover {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-decoration: none;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#header .description {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">display: block;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 0px 10px 5px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color:#FFE4C4;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-family:Georgia;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align:left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-size:16px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#main-wrapper {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">display: inline;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">float: left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:700px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#main {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:700px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background: #FFEBCD;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: #000000;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-family: Times New Roman, Georgia;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height: 2em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#main .widget {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">h2.date-header {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 10px 10px 10px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align: left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: brown;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-size:12px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-family:arial;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.date-header span {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 10px 0px 10px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 20px 0px 20px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 20px 0px 20px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height: 1.5em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align: left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background: $postbgColor;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post h3 {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: orange;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font: Times New Roman;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height:1.5em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-decoration: underline;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post h3 a, .post h3 a:visited {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color:blue;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font: blue;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-variant: small-caps;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-decoration: none;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post-body p {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">height: 1%;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post ul {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 50px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">list-style-type: disc;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height: 1.6em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post ol {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 50px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height: 1.6em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post li {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 5px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height: 1.6em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">a img {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">border:2px solid #8A2BE2;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar-wrapper {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">display: inline;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">float: right;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 10px 10px 10px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:270px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align: left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: #fff;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font: Times New Roman;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#sidebar2 {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background: #A9A9A9;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar .widget {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 0px 10px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar .BlogArchive {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar h2 {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color:black;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar #BlogArchive1 h2 {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar ul {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 20px 0px 20px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">list-style-type: disc;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height: 1.4em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar li {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar a, .sidebar a:visited {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: blue;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar a:hover {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-decoration: underline;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: #FF0000;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.sidebar a img {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#Profile1 {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#Profile1 h2 {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.profile-textblock {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">clear: both;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.profile-data {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">letter-spacing:.1em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-weight: bold;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height: 1.6em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.profile-datablock { </span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.profile-link {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post-footer {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">display: block;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 0px 10px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align: left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font: Times New Roman;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-weight: normal;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post-footer-line {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post-footer a {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: blue;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post-footer a:hover {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-decoration: none;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: red;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post-footer .post-comment-link a {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 10px 0px 10px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">border: 2px solid #B0E0E6;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-weight: bold;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.post-footer .post-comment-link a:hover {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-decoration: none;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: #98FB98;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#blog-pager {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 20px 0px 20px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align: center;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#blog-pager-newer-link {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">float: left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 10px 0px 10px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#blog-pager-older-link {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">float: right;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.feed-links { display:none !important; }</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#comments {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 20px 20px 0px 20px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 20px 20px 20px 20px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align: left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background: #AFEEEE;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: black;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font: Times New Roman;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height:2em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:600px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#comments a {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: red;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#comments h4 {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: blue;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-weight: bold;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.deleted-comment {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-style:italic;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color:gray;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.comment-author {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: brown;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">.comment-body p {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height: 2em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:600px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#comments ul {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">list-style-type: disc;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#comments li {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#footer-wrapper {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:1000px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">height:40px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background: #DB7093;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#footer {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 10px 10px 10px 10px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-align: center;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color: black;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font: Times New Roman;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">line-height: 1.2em;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#footer h2 {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 10px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-size: 100%;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font-weight: bold;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<br /></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#footer .widget {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding: 0px 0px 0px 0px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#nav {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin:0;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding:0;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background:#808259 url(nav_bg.jpg) 0 0 repeat-x;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:100%;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">float:left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">border:1px solid #42432d;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">border-width:1px 0;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#nav li {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">display:inline;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding:0;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">margin:0;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">       text-align:center;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#nav a:link, #nav a:visited {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color:#000;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background:#b2b580;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">padding:15px 15px 15px 15px;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">float:left;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">width:auto;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">border-right:1px solid #42432d;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-decoration:none;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">font:bold 1em/1em Arial, Helvetica, sans-serif;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-transform:capitalize;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">text-shadow: 2px 2px 2px #555;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">      text-align:center;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#nav a:hover {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color:#fff;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background:#727454;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">#nav a:active {</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">background:#e35a00;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">color:#fff;</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">}</span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: blue;">]]></b:skin> </span><b></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"></head> </span><b><span style="color: #666666;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b><body> </b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
 <div id='outer-wrapper'> <b><span style="color: blue;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><div id='wrap2'></span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"></span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><span id='skiplinks' style='display:none;'> </span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><a href='#main'>skip to main </a> | </span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><a href='#sidebar'>skip to sidebar</a></span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"></span></span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<div id='header-wrapper'>  <b><span style="color: red;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<div id='header'></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:widget id='Header1' locked='true' title='my blog template (Header)' type='Header'/></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</b:section></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</div></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<div id='banner'></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:section class='banner' id='banner' preferred='yes'></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:widget id='HTML1' locked='false' title='' type='HTML'/></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</b:section></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</div></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</div>  <b><span style="color: red;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<div>  <b><span style="color: blue;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<ul id='nav'></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
  <li><a expr:href='data:blog.homepageUrl'>Home</a></li></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
  <li><a href='#'>Web Designing</a></li></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
  <li><a href='#'>SEO</a></li></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
  <li><a href='#'>Blogger</a></li></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
  <li><a href='#'>Making Money</a></li></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
   <li><a href='#'>About Us</a></li></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
   <li><a href='#'>Contact Us</a></li></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
   <li><a href='http://www.onlineustaad.com'>Download This Template</a></li></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</ul></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</div> <b><span style="color: blue;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<div class='clear'/></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b><span style="color: orange;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<div id='content-wrapper'></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<div id='main-wrapper'> <b><span style="color: #e06666;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:section class='main' id='main' showaddelement='no'></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</b:section></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</div> <b><span style="color: #e06666;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<div class='sidebar-wrapper'> <b><span style="color: #cc0000;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:section class='sidebar' id='sidebar2' preferred='yes'></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</b:section></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</div> <b><span style="color: #cc0000;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"></span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><div class='clear'> </div> </span><b></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"></div> </span></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<div id='footer-wrapper'> <b><span style="color: white;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:section class='footer' id='footer'></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b:widget id='Text1' locked='false' title='Creating a blogger Template by Onlineustaad.com' type='Text'/></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</b:section></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</div><b><span style="color: white;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<p style='text-align:right;'><b></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
Created By:<a href='http://www.onlineustaad.com'>OnlineUstaad.com</a></p></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</div></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
</div> <b><span style="color: blue;"></span></b></div>
</div>
<div>
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b></body> </b></html></div>
</div>
</blockquote>
<div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
The above coding is exactly that coding which is provided in the template that you downloaded, so I've added <b></b> to all the sections and parts in the codes.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
First of all we added the extenstions for our template above the <head> tag and these are exist in all blogger templates so you can copy them from any template. After that in the <head></head> section we added the special information like meta tags, title tag etc. <b>Note:</b> we added this for showing blog title:</div>
</div>
<div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;">
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><b:include data='blog' name='all-head-content'/></span></div>
</blockquote>
</div>
<div>
<blockquote style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;">
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="color: red;"><title><data:blog.pageTitle/></title> </span></div>
</blockquote>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
because we can't usually include our  blog's title in blogger, blogger is not an HTML platform, so we need to add the XML custom blogger tags to include our blog's title.</div>
</div>
<div style="text-align: justify;">
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
After that our CSS section started and we added all of our styles for each element of the blogger template, you can change all of them to your desired styles. If you're familiar with CSS then I don't think you can't change them, but if you are new to CSS then either visit my <a href="http://www.bestbloggercafe.com/2013/01/css3-video-tutorials.html" style="color: #349ecb; text-decoration: none;" target="_blank">CSS tutorials </a>or visit <a href="http://www.w3schools.com/" rel="nofollow" style="color: #349ecb; text-decoration: none;" target="_blank">www.w3schools.com</a> to learn CSS completely.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
But the most important part in this template is the <b><body></body></b> tags where we added all of our sections to display on our blog. You can find a number of DIV tags inside which we added <b>XML <b:section></b:section></b> tags and also we added necessary <b><b:widget></b> tags inside <b><b:section>. </b></div>
</div>
<h3 style="background: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); color: rgb(52, 158, 203) !important; font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;">
What is important?</h3>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
The most important parts are CSS properties and the <<b>b:section</b>> tags which you always use to import your content from blogger's database. However, the widths for each container [outer-wrapper], [header-wrapper], [content-wrapper], [main-wrapper], [sidebar-wrapper], [footer-wrapper] etc should be given carefully and with technical mind.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
This is a two column template and you can also add a third column or a second side bar to it by simply declaring a new class in CSS section and then add a new <b:section></b:section> in the HTML part just below the <b>sidebar2 </b>widget.</div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<b>Conclusion: </b></div>
</div>
<div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px; text-align: justify;">
This template is only created for taking an idea on creating a new blogger template, however, you can also use this template on your blogs if it is suitable for your blog then. The template works perfectly in Chrome and I've checked it myself. I didn't check it on other browsers. The main benefit of using this template is; it is very faster and loads in few seconds. Furthermore, I'll be creating two and three column blogger templates in the future and will be sharing with you.</div>
</div>
</div>
</div>
</div>
</div>
</div>

How to create a blogger template from scratch?

When you create a blog with blogger.com then you immediately try to search an appropriate or even stylish template for your blog; right?. W...