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;
}
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..?