Create a drop cap in blog post

You see that the font size of the start of this post, yes, Font drop cap beside the this post is very easy to make, just add a few CSS code, your blog will look more unique. If you are interested in, follow the tutorial for how to make drop cap in blog postbelow.

You must log-in to your blogger dashboard, and go to Layout then Edit HTML your template. Do not marked on the "Expand Widget Templates".

1. place the following code above the </b:skin> code

.post bt {
float:left; color:
headerBgColor;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px; }

2. That's it and save your project.

And how to appear a drop cap font ? When you write articles, you only need the <bt> ... </bt> code. how to use the following and example :

<bt>T</bt>his is the drop cap font for your bloggers. your blog will look unique with the drop cap font.

And the result will look like this :

This is the drop cap font for your bloggers. your blog will look unique with the drop cap font.

Simple, fast, and beautiful. I hope you can enjoy this tutorial and Happy Blogging with Bloggercustom.

Related Posts by Categories

Widget by Hoctro | Jack Book |