How to write Attractive Articles with Drop Caps

Introduction

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

Demo:

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

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.

How to write Attractive Articles with Drop Caps

2. Now check the first letter of the article as shown below

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

The Output may look like this

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

Demo:

Many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Code:

<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

Demo:

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur metus sit amet dolor euismod, quis maximus erat euismod. Vivamus ac laoreet odio, non faucibus leo. Maecenas dignissim leo malesuada tempor tempus.

Code:

<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

Demo:

Aenean tempor, nunc at posuere gravida, ex neque efficitur quam, eu posuere ante nisi eget quam. Fusce orci est, sodales non congue quis, consequat ut sem. Aliquam id laoreet eros. Fusce vestibulum, velit ac dignissim lacinia, est lectus condimentum nibh, consequat hendrerit dui tellus ut lacus.

Code:

<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.