How to Make a Big 'Drop Cap' at the Beginning of a Blog Post

Hallo, blogger friends, in the discussion about the world of blogging this time the admin wants to share a tutorial on How to Make Large Capital Letters ( Drop Cap ) at the beginning of the first paragraph of a blog post.

Usually this Drop Cap is often encountered in printed newspaper articles, newslators, invitations and also in the text at the beginning of the chapter or the beginning of the document.

Drop Cap is a capital letter that is used as a decorative element at the beginning of a paragraph. The size of the letters on the drop stamp will be highlighted (enlarged) by about two or more lines of writing. Source: support.microsoft.com

While the function of implementing a drop cap at the beginning of a paragraph in a blog post is of course to beautify the appearance of blog article posts, so that it will look neater and also attractive.

How to make a capital letter ( drop cap ) at the beginning of the first paragraph of a blog post

The first step

Please add the CSS script code first in your blogger template.

How:

Go to the Blogger Dashboard
Select Template> Click Edit Template
Next look for the code ]]> </ b: skin> (Use CTRL + F to make the search easier)
Then Copy the CSS script code below, and paste it right above the ]]> </ b: skin> code
Finally, don't forget to click save / save template

/ * CSS Drop Cap By 24Dzgn * /
.dropcap {float: left; font-family: 'Raleway', sans-serif; font-size: 70px; font-weight: bold; line-height: 50px; margin: 2px 5px 0px 0px; position: relative;}

Second step

This second stage is how to apply a drop cap to the first letter in blog article posts. Immediately, here are the ways:

How:

Create a new post or edit an existing post
Change the writing mode from ' Compose ' to ' HTML '
Look for the first letter of the first paragraph that we will make a drop cap , after finding it, please copy the code below and replace the letter A (adjust it to the first letter in your friend's article): <span class = "dropcap"> A </span>

Closing ...
Maybe that's enough for a tutorial on how to make capital letters ( Drop Cap ) at the beginning of the first paragraph in a blogspot post. If you have questions regarding the contents of the article above, please stay in the comments below. Hope it is useful :)