Learn More

Tuesday, February 12, 2013

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.
drop cap preview
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
    drop cap code on post editor
    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
    drop cap preview
    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.

Post a Comment