How to Add Drop Cap in Posts/Pages of Blogger Website



Hello Guys, Welcome to AS Themes World. In this article I'm going to guide you step by step on adding Drop Cap in Blogger. It just make your article attractive, stylish, eye-catching and no doubt classy.

What is Drop Cap

It is the capital or enlarged first letter of any paragraph which is stretched down up to 3-4 lines. It starts at the first line and end up on second, third or even fourth line. Drop cap be of different font or color from the rest of the text.

Here is the example -

Dream is not what you see in sleep, Dream is the thing which doesn't let you sleep.

Steps to Add Drop Cap

Step 1. CSS

First you have to do is go to the Edit HTML template menu and add the following CSS code just above the ]]></b:skin>.

.dropcap {
float:left;
font-size:4em;
padding:0;
margin-right:0.1em;
line-height: 0.6 }

Step 2. HTML Codes

Paste the following codes in post/page where you want to add Drop Cap.


<p> <span class='dropcap'>Y</span>our text goes here.</p>
If something isn't clear or have any question, let us know in the comments.
Article "How to Add Drop Cap in Posts/Pages of Blogger Website" protected

Post a Comment

Previous Post Next Post