How To Create Drop Caps (Big First Letters) In Blogger/Blogspot

How To Create Drop Caps (Big First Letters) In Blogger/Blogspot

Here's another way to customize your Blog. In this case, your Posts and Comment's first letter. The effect is a large first letter stretching down three or four lines with the text wrapped around. The drop cap letter can also use a different font and have a different color from the rest of the text. This style can be often seen in newspapers, literature, magazines. So, in this tutorial I will show you how to apply automatically a Magazine text style on Blogger Posts and Comments. Let's start adding it...

-> Add Drop Caps For Blogger Posts

Color Code Generator
Size - to change the letter size, change the value in pink.

Step 4. Then Search for this piece of code:
<data:comment.body/>
Step 5. Add the red codes before and after <data:comment.body/> as you can see in my example below:
<p class="capital"><data:comment.body/></p>
Step 6. Save your Template.

That's it! Now you have a cool drop cap first letter on your blog. If you have any question, leave a comment below!
Blogger
Disqus
Pilih Sistem Komentar

No comments

Advertiser