Saturday, August 25, 2012

Add Css Drop Cap Large First Letter To Your Blogger Post

This is  also another cool trick to your blog. You can Drop can your first letter in blogger
post.Drop cap mean enlarge first capital letter in your post.So you can use this codes for adding this this effect to your blog. check below image for example.

1. Log in to blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F    ]]></b:skin>

3. Paste below code Before ]]></b:skin> tag

.upperletter:first-letter {
float: left;
display: block;
font-family:Georgia;
font-size: 60px;
color:#0033CC;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}

4. Now save your template

5. When you make a post you can use this code and add your text with it.

<div class='upperletter'> Your text Here... </div>

6. Publish your Post. you are done.

0 comments:

Post a Comment