input license here

⚡How Demo &  Downloading Link Works?

       [By using Safelinkage] 

If you don't know how to bypass Safelink, please read the following article:
  1. Go to the Download Link
  2. Bookmark and Subscribe to This Web So as not to Miss the Latest Update Template Info. 

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
  1. 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
  1. 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 :)

Related Posts
SHARE

Related Posts

You can get new blog templates in future by subscribing here.

Post a Comment