Select Blogs: Indonesian Flag Alcosmic alrevis Alrevis

Friday, October 30, 2009

Create Drop Cap

In MS Word there are facilities that can be used to create large letters at the beginning of the sentence, called Drop Cap. So what if we want to implement something similar to the post on the blog? Of course it can be done by adding some CSS style on the Edit HTML page.

Following steps below:
1. Go to Layout menu and select Edit HTML.
2. Enter the following CSS script before the tag ]]></b:skin>:

.dropcaps {
float:left;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

3. Then click SAVE TEMPLATE!
5. If you want to put it on a post, then at the beginning you have to type:

<span class="dropcaps">Your text</span>

For Example:

<span class="dropcaps">L</span>

6. If you're already published, will look like this:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl.

Good luck :)

No comments:

Post a Comment

Let me know what you think..?