Follow us to get updates regarding Latest posts Follow Now!

How to add a Paragraph with Fancy Drop Cap in Blogger?

In this I made a tutorial on How to add a Paragraph with Fancy Drop Cap in Blogger? , Which looks very attractive when used at the starting

In this I made a tutorial on How to add a Paragraph with Fancy Drop Cap in Blogger? , Which looks very attractive when used at the starting

how-to-add-a-paragraph-with-fancy-drop-cap-in-blogger


Hello Everyone! Welcome Back to Techy DarshaN, Today on this occasion our tutorial is How to add Fancy Drop Cap in Blogger. Drop cap is large capital letter used as a decorative element at the beginning of a paragraph or section. The size of the descending limit is usually two or more lines. It looks vey attractive when you use Drop cap at the first paragraph. 

What is Drop Cap?

A drop cap is where the first character of the first paragraph is made larger than the other text, taking up two, three lines of text or the first few sentences. Drop caps are used in various media, including books, newspaper articles, documents, and webpages. Drop caps add style or grab a reader's attention.

A drop cap is often used to signify that the reader’s moved into a significant new section, or that a new chapter’s begun. Drop caps are also incredibly old, appearing throughout the history of the printed page: in illuminated monastic manuscripts, in renaissance cookbooks, and even in more contemporary texts. 

What is Fancy Drop Cap?

Nowadays all latest Blogger templates have the Drop cap feature but they have same old look and many of the blogger templates doesn't have these Drop cap feature so, I have tried to make a Fancy Drop cap with cool font and color and you and use this in any of the Blogger template by just adding the CSS and HTML given below. Read the full post and follow all the steps carefully.  

Pros

  1. Grab the user's attention 
  2. New cool font style
  3. Gives dynamic look for your site
  4. Looks attractive when used at the starting of the paragraph 
  5. Suitable for all types of Niches like various media, including books, newspaper articles, documents, and webpages. 

Let's Begin

Demo

How to add a Paragraph with Fancy Drop Cap in Blogger?

Step 1: Login to your  Blogger Dashboard
Step 2: Go to Themes section
Step 3: Click on the Drop down arrow and select Edit HTML
Step 4: Now search for ]]></b:skin> and paste the following CSS just above it
  @import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
.dropCapTD{
  color: #2274fb;
  font-family: "Alex Brush", cursive;
  font-size: 100px;
  float: left;
  padding-top: 0.35em;
  padding-right: 0.25em;
}
Step 5: Crete a new post or edit a existing post to add this Fancy Drop cap
Step 6: Now copy and paste the following html post 

Edit the text according to you

 <p><span class="dropCapTD">H</span>ello Guys! This is how the Drop Cap looks</p>
Example :

Hello Guys! This is how the Drop Cap looks


Conclsuion

In this I made a tutorial on How to add a Paragraph with Fancy Drop Cap in Blogger? , Which looks very attractive when used at the starting of the paragraph. I hope you have liked and please do share with your friends and follow up our blog for more.

If you face any problems in code or have any questions please feel free to ask in comments section or join our Telegram Group for discussion.

Our All Posts Are Protected By DMCA. So Don't Try To Copy Our Posts And Reproduction In Any Way Is Strictly Prohibited! Or else Legal Actions Will Be Taken. © Techy DarshaN | All Rights Reserved 

 © Copyright https://www.techydarshan.eu.org

Getting Info...

About the Author

Student | Developer | Blogger

Post a Comment

Techy DarshaN's Rules : Leave your opinion or any doubt about this article And is you have any queries please feel free to ask. Don't try to spam, our team reviews every comment.
Have a Cookie!
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
More Details
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.