Add Drop Cap in Blogger Post

Posted On / Leave a Comment
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.

Add Drop Cap in Blogger Post

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

Receive News From The Blog In Your E-mail

Sign up and receive directly in your email. Its free!! Enter your email address and then confirm to begin receiving exclusive news from Blog!


0 comments:

Post a Comment

Please read first before commenting:

1.) No spamming please

2.) Do not flood the comment box with links.

3.) To get free updates, kindly subscribe.

4.) Have fun visiting my blog.

x
Subscribe
emailSubscribe to our mailing list to get the updates to your email inbox...
Delivered by FeedBurner | powered by blogtipsntricks