Use A Drop Cap Large First Letter In Posts On Blogger

You might seen a drop cap large first letter in some magazines or newspapers paragraph. well, that same effect can be used into blogger posts too. here i gonna share a snippet of CSS code which will make your all post's first letter large automatically. You can see the screenshot below, to know how it look likes in your post paragraph.

As you can see the screenshot above, there is a large first letter with blue color, but you are also enable to change the first latter color as well as font style as you like. so, let's move tho the steps of enabling this effect to your blog.

To make your blog post's first letter large ans stylish, all you have to do is just go to blogger dashboard > Template > Edit HTML > Then search for ]]></b:skin> tag in your blog's HTML.

Next, copy and paste the below code above ]]></b:skin> tag.


p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;
color:#0033CC;
font-size:60px;
font-family:Georgia;
}

To change color ans size of font you have to just edit above CSS code and change the value of color and font-size that's it.

If you have any query about the widget you can ask by joining the discuss here to find out the best answers by the admin or community.

0 comments:

Post a Comment