tag:blogger.com,1999:blog-32724794530362784002024-09-05T14:53:47.293-07:00Customize Your Blogger TemplateBMRhttp://www.blogger.com/profile/07972465012518832958noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-3272479453036278400.post-67181518031530447182011-11-26T02:52:00.000-08:002011-11-26T04:24:02.076-08:00Tutorials on Blogger Template Design<div dir="ltr" style="text-align: left;" trbidi="on"><div class="MsoNormal" style="color: blue; line-height: normal;"><b><span style="font-family: "Times New Roman","serif"; font-size: 15.5pt;">Tutorial Contents</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><ul type="disc"><li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 1: <a href="http://customizeyourbloggertemplate.blogspot.com/p/structure-of-blogger-template.html"><span style="color: blue;">The Structure of a Blogger Template</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 2: <a href="http://customizeyourbloggertemplate.blogspot.com/p/structure-of-blogger-template-code.html"><span style="color: blue;">The Structure of a Blogger Template Code</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 3: <a href="http://customizeyourbloggertemplate.blogspot.com/p/structure-of-css-styling-section.html"><span style="color: blue;">The Structure of CSS Styling Section</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 4: <a href="http://customizeyourbloggertemplate.blogspot.com/p/setting-properties-of-container.html"><span style="color: blue;">Setting the Properties of a Container</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 5: <a href="http://customizeyourbloggertemplate.blogspot.com/p/common-containers-and-elements-in.html"><span style="color: blue;">Common Containers and Elements in a Blogger Template</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 6: <a href="http://customizeyourbloggertemplate.blogspot.com/p/using-generic-blogger-template.html"><span style="color: blue;">Using the Generic Blogger Template</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 7: <a href="http://customizeyourbloggertemplate.blogspot.com/p/setting-template-size.html"><span style="color: blue;">Setting the Template Size</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 8: <a href="http://customizeyourbloggertemplate.blogspot.com/p/body-section-of-blogger-template-code.html"><span style="color: blue;">The Body Section of the Blogger Template Code</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 9: <a href="http://customizeyourbloggertemplate.blogspot.com/p/body-section-of-blogger-template-code_26.html"><span style="color: blue;">More Explanation about the Body Code</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 10: <a href="http://customizeyourbloggertemplate.blogspot.com/p/making-3-column-template-and-more.html"><span style="color: blue;">Making a 3-Column Template and More ...</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 11: <a href="http://customizeyourbloggertemplate.blogspot.com/p/starting-your-own-blogger-template.html"><span style="color: blue;">Starting Your Own Blogger Template</span></a></span></li>
<li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tutorial 12: <a href="http://customizeyourbloggertemplate.blogspot.com/p/how-to-embed-images-as-background.html"><span style="color: blue;">How To Embed Images as Background</span></a></span></li>
</ul><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b><span style="color: #cc0000; font-family: "Times New Roman","serif"; font-size: 15.5pt; line-height: 115%;">Blogger Template Design: Introduction</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><br />
<br />
This tutorial is a very quick guide to teach you how to change or design your own Blogger templates. It's easy to understand and follow, especially to those who has no knowledge in HTML programming.<br />
<br />
The tutorial is split into a number of sub-tutorial modules that explain specific parts of Blogger template design in detail. The best way to learn is by going through the module sequence one by one. But if you are familiar with the basics, you can jump into the more advanced modules. The earlier modules are focused on explaining the basic structure of the template design and the template code so that you understand more about a Blogger template in general. The later modules explain each section of a Blogger template in more detail and help you go through the process of coding and designing a template in a step-by-step approach.<br />
<br />
In the tutorial, some of the names and terms are based on my own template design, but I'll explain them as general as possible so you get the bigger picture and can adapt to different template designs.<br style="mso-special-character: line-break;" /> <br style="mso-special-character: line-break;" /> </span></div></div>BMRhttp://www.blogger.com/profile/07972465012518832958noreply@blogger.com