Monday, February 7, 2011

How to make first letter big

When writing blog, we can't deny that every one like to do some decoration either adding gadjet or style to make it look better.

Sometime we can see that is interesting to have the first letter is bigger in each post or really bigger than text size.

How to make the first letter big? Here I'll share the method.
On the below are the screen capture from http://ilafashionhouse.blogspot.com . Watch out the capital B.

Big First Letter
Step 1.
  • Go to the page element => Design => Edit HTML
  • Find  /* Posts (By pressing F3 or CTRL+F and paste /* Posts will help you)
  • Copy and insert below code
.dropcaps {
float:left;
color: black;/*#FFFFFF;*/
font-size:45px;
font-family: "Arial";/*Georgia, "Times New Roman", serif; */
font-weight: bold;
line-height:30px;
padding-top:0px;
padding-right:5px; }

What is it mean?

.dropcaps { 
float:left; color: dark blue;/*Color of your choice*/ 
font-size:60px;/*change this of you want to to span across more lines*/ 
font-family: "times bold italic";/*Font of your choice*/ 
font-weight: bold; line-height:30px;/*how thick you would like alphabet to be*/ 
padding-top:0px; padding-right:6px; }

 Step 2.

  • On your panel, go to Edit HTML (beside the Compose tab)
  • Insert below code at the first letter of your post. 
<span class="dropcaps">B</span>

  •  For example your first sentence is "Blogspot is free". So the code is 
<span class="dropcaps">B</span>logspot is free.

  • All post you want to have a big size for the first letter need to add this code.

Lets try.... if you have found another method, please leave comment.

Regards



No comments:

Related Posts Plugin for WordPress, Blogger...