Add Drop Cap in Blogger Post

G ood day everyone! In this post I will teach you how to put a drop cap. 

A drop cap is the first letter which was raised to 2- 3 row in post. Usually, drop cap is used in magazine, encyclopedia, and newspaper.

If you have a news blog this will be very useful because it adds that newspaper feeling while reading when you have a drop cap on your news blog. A drop cap is actually cool to any types of blog, I also recommend this to story blogs.

Instruction for this trick is very easy just follow the instructions below.

Instruction

1. Log in to your blogger.com account.
2. If you are going to write a new post > click html not compose > add the code below at the beginning of your post.

<span style="float: left; color: #000000; font-size: 50px; line-height: 30px; padding-top: 5px; padding-right: 5px; font-family: Times New Roman;"> letter that will be make drop cap </span>

Customize

You can edit the code colored in red.

Example.

<span style="color: black; float: left; font-family: Times New Roman; font-size: 50px; line-height: 30px; padding-right: 5px; padding-top: 5px;"> G </span>

ood day everyone!

I remove the "letter that will be make drop cap" to letter G because it is the beginning of my sentence.


There you go! I hope you like this simple trick!.


Any suggestions? Let me know

Facebook Blogger Plugin: Bloggerized by Bloggerpreneur Enhanced by fromhobby2money.blogspot.com