Template Styles

Here is a post to demonstrate all of the different in-built styles for posts using this template.

Smallest

Small

Normal

Large

Largest

Unordered List

• Item1
• Item2
• Item3

Ordered List

1. Item1
2. Item2
3. Item3

Bold Text
Italic Text
Link

Template Custom Styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Preformated show box

How to define square Unordered List
<ul type="square">
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>

HTML Code: <pre> </pre>

This is a line1. Your can have the "dropcap" on each of the posted page by define a simple HTML Code as mentioned at the below. When you create a new post, click on "Edit HTML" and copy the below HTML Code and put it in your post and publish the post. You have more in-built styles when you use this blogger template

HTML Code: <p><span id="PutYourUniqueIdHere" class="dropcap">T</span >his is a line.</p>

Link Put Your Message Here

HTML Code: <div class="popup"><a href="PUTYOURURLLINKHERE">Link<span id="PutYourUniqueIdHere">Put Your Message Here</span></a></div >

Blockquote

There are lots of easy HTML tags that you can add to your text to change its appearance. This page lists some of the most common tags. If you want to learn more, please see: How can I learn more about HTML?

HTML Code: <blockquote> </blockquote>

Note: This is a note.

HTML Code: <div class="note"> </div>

Tip: This is a tip note.

HTML Code: <div class="note-tip"> </div>

Important: This is a important note.

HTML Code: <div class="note-important"> </div>

Warning: This is a warning note.

HTML Code: <div class="note-warning"> </div>

Offer: Buy One Get 1 Free

Offer:
Buy One Get 1 Free

HTML Code:
<div class="coupon"> </div> 
or 
<div class="coupon" style="width:100px; float:right;"> </div>

You can define the coupon width, "float:left;" or "float:right;"