How To Make Drop Cap On An Article

Drop cap is a letter that has a size larger than the other letters. Drop cap usually placed on the first letter of a paragraph. In an article, drop cap is generally placed on the first paragraph. Nothing special with the drop cap, but the use of the drop cap can increase the beauty of an article. This beauty can lure the visitors to read your article. For that, the tutorial please read more below.

Example of drop cap

Steps to create a drop cap is as follows

1. Login to your blogger dashboard, and activate Post Editor. On the Post Editor, click the HTML tab, note the picture below
   

   

   Click this image to enlarge

2. Create an article, and then put the code below before the first letter of the first paragraph.
   
   <span style="float: left; font-family: Times New Roman; font-size: 80px; font-style: italic; margin-bottom: 5px; margin-right: 10px; position: relative; top: -11px;">
   
   After that, close that first letter with </span>
3. After that, click the Compose tab.
4. Now drop cap has been active. Consider the following picture
   

   

   Click this image to enlarge

You can also change the style of drop cap with your character. Here is a list of css you need to change based on your character

1. font-family
2. font-size
3. font-style
4. top
5. margin-bottom
6. margin-right

When you publish your article, then automatically your articles will contain a drop cap. It is advisable that an article contains one drop cap that is placed on the first letter of your article.