Sunday, March 23, 2014

How To Setup A Drop Cap Wrapped Large First Letter In Blogger posts

Filled under:

The Large first letter in article is very common in magazine and news papers. It will be good idea to setup a drop cap wrapped large first letter in your blogs, especially for news based blogs. I found a lot of open source codes for changing entire article to Drop cap mode but none of them worked perfectly. Here I am posting a code which is not fully automatic. Even though it is like that, it works perfectly.


Follow These Steps

  • Go to Blogger Edit HTML
  • Search for ]] >
  • Just paste the given code just above/below of ]]>
.post large { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }
  • Now The half of the job is done, when you need a large letter you can write like below
letter
  • Just for example, the first sentence of this blog post can write as
The Large first letter in article is very common in magazine and news papers

Customization

  • Size of the “large letter” can be customized too
  • You can change the “font;size” and “line-height” for altering size.
  • Important: You should keep the ratio between “font;size” and “line-height” constant for a good look

0 comments:

Post a Comment