WordPress Ya Blogger Me Drop Caps Kaise Use Kare / Banaye [Complete Guide]

Hello Friends, Along with writing a post in our blog, it is also important to give it a better look. If the design of the post is good, then the visitors will be easy to understand. We are going to tell you in this post how to create Drop Caps (capitalize the first letter of the post) in a wordpress or blogger blog. This will give you a different look to your blog post.

Wordpress aur blogger me dro caps kaise create kare banaye

If you read the newspaper, you must have seen that the size of the first character in it is very large. Nowadays in many websites and blogs, you will also see that the first character of the post is enlarged. In fact, I have also tried by creating a drop cap on my blog.

Nowadays drop cap is used in many big websites. Because this makes the design of the post very good. People like it very much. You can also create a drop cap in your blog post. We are going to tell you a few simple steps about it below, so that you can easily create a drop cap in a blog post.

If you are a blogger then you can understand that a blogger has to do many more along with writing posts. He has to give time to design his blog well. A blog has very good posts but its design is not good, which makes it difficult for visitors to understand. So no visitor would like to come to his blog.

All bloggers want the design of his blog to be good so that people do not have trouble in understanding. If you also want to improve the look of your blog, you can create a drop cap for this. Some people would like to know that What is a drop cap?

If we say in simple words, by creating drop caps, we show the first letter in the blog post in a different style by capitalizing it. If you do not understand, you can see the picture below.

WordPress Ya Blogger Me Drop Caps Kaise Use Kare / Banaye [Complete Guide] 1

Table of Contents

First of all, we know how to create drop caps in wordpress blog? There are many ways for this. We will tell you how to add it in 2 ways below. You can make drop caps by following what you like.

Method 1: (Adding CSS)

In this method simply you have to add a css code to the style.css of your blog. First you copy the CSS given below.




div.entry-content p: first-child: first-letter {float: left; font-size: 4em; color: # 000099; margin-right: 0.10em; line-height: 90%; text-shadow: 0.05em 0.05em # 999999; }

Now login to your blog's Dashboard Appearance »Editor» Style.css Go to and add the copied CSS and Save Please do it.

Method 2: (With Plugin)

If you have not understood the first method, then you can easily understand this method.

For this, first you have to install Simple Drop Cap plugin. After activating it you will Settings »Simple Drop Cap Have to go in

  1. In display mode Normal It will be good if we keep it You can also select another.
  2. From here you can choose the color of the first character.
  3. Here, you can design drop caps by adding css style.
  4. Check the Drop Cap Automation so that all the posts and pages of your blog have their own drop cap.
  5. Now Save changes Please do it.

WordPress Ya Blogger Me Drop Caps Kaise Use Kare / Banaye [Complete Guide] 2

Now you can visit and see in your blog. In this way you can add drop caps to your wordpress blog. If you are on Balpag blogspot, then you can follow the steps given below.

If your blog was in wordpress, you could easily add drop caps through the plugin. But if your blog is in Blogger, then you have to edit the template and add some codes to it. For this, we will tell you a very simple method. All you have to do is edit the template once and add some codes. After that all the posts in your blog will come drop caps.

Step 1: First login to Blogger and after that Sittings »Themes» Edit HTML Go to Now CTRL + F By pressing ]]> Search for and ]]> Let's add this code first.




.blhi-capital: first-letter {float: left; font-size: 4em; color: # 000099; margin-right: 0.10em; line-height: 90%; text-shadow: 0.05em 0.05em # 999999; }

Step 2: Now you again CTRL + F By pressing Has to search and before that

And Later

Has to be added. Then something like this will happen.

Now you can save Please do it. After that, by visiting your blog, you can see that the first character in the post will be shown in a big size. In this way you can easily add drop caps in Blogger.


Hope you have liked this post. If any question related to this came to your mind, then comment and tell. Do share this post in social media.

LEAVE A REPLY

Please enter your comment!
Please enter your name here