How to write Attractive Articles with Drop Caps

Yash Technologist
2 min readDec 17, 2020


Many of you may have seen beautiful and attractive styles of Drop Caps in some sites, if you have not seen please check out our blog. Everyone may have Seen Drops Caps in Newspapers and Magazines. In this Article we are going to see the steps to write a article with a start of Drop Caps. I will show you the demo in blogger, but you can even use it on other blogging platforms.

First of all how many of you like to write in Drop Caps in blogger please comment it below.

Now let’s get started….

What is Drop Caps?

A drop cap (dropped capital) is a large capital letter used as a decorative element at the beginning of a paragraph or section. The size of a drop cap is usually two or more lines. Drop Caps(Dropped Capital) is an interesting way of attractive writing of articles in a blog or a magazine or an newspaper

I hope you have seen the Drop Caps. Now we can make it a little bit creative. Follow the below steps.

Steps To Write Attractive Articles Using Drop Caps

1. First of all login to your blogger account and create a new post and start typing your article. After finishing your article change it to HTML View.

2. Now check the first letter of the article in html mode

And then paste the code below

<span style="font-family: times; float: left; font-size: 70px; font-weight: bold; line-height: 50px; margin: 0px 5px 0px 0px; padding: 0px; position: relative;">L</span>

Replace the letter L with your custom letter

3. Let’s make it stylish let’s add a background color and change the font color and do some changes.

I will give you 3 designs choose the design best for you :)

Design 1

<span style="float: left; font-family: 'Apple Chancery',cursive; font-size: 70px; line-height: 50px; margin: 5px 5px 0px 0px; position: relative; text-shadow: rgb(153, 102, 255) 2px 2px 2px;">M</span>

Kindly replace the letter M to your custom letter.

Design 2

<span style="background-color: lightgrey; color: darkblue; float: left; font-family: Georgia,Times,serif; font-size: 65px; line-height: 45px; margin: 0px 5px 0px 0px; padding: 5px; position: relative;">T</span>

Kindly replace the letter T to your custom letter.

Design 3

<span style="font-family: Kaushan Script; color: red; float: left; font-size: 70px; font-style: italic; line-height: 50px; margin: 2px 8px 0px 0px; position: relative;">A</span>

Kindly replace the letter A to your custom letter.

Get more designs at


I hopw this article might have helped you in writing attractive Drop Caps Articles in Blogger and other blogging platforms.

Comment Your Views🙏 and also try making unique Designes by yourself

Originally published at on December 17, 2020.