Skip to main content

Make First Letter Of Your Posts Large

Untitled-2 You would have seen in magazines,newspapers and in comics that they make the first letter of their article Large.Most of the magazines and newspapers uses this popular effect by increasing the size of the first letter of the Paragraph.It provides an attractive look to your article and keep your blog fresh.To make your articles first letter Large you would have to apply a simple CSS code

How to make first letter of your post large

    1. Login to your Blogger Dashboard.
    2. Go to Edit HTML /  Design.
    3. Backup your Template, it is very necessary.
    4. Click "Expand Widget Templates".
    5. Find ]]></b:skin> (ctrl+f) in Blogger template.
    6. Paste the following code directly above/before it.
/* widget made by techmodules.blogspot.com */p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;
color:#0033CC;
font-size:60px;
font-family:Arial;
}
  • To change the color of first letter simply change #0033CC.
  • To increase or decrease the size change 60px.
  • To change the font simply change Arial
All done don’t forget to share!!!

Comments

Popular posts from this blog

Download The Best Templates Ever!

Every body knows that template is an essential part of one's site/blog.Evey wants a nice and attractive template for his site or blog.But some need templates of their own choice.Today I'm giving the link to those sites which  provide free templates especially for blogger.These are the best templates.I have chosen them  for you. So here's the links and sites names.You can download them.                                                                                                                                              Download  Best Templates For Blogger Here is one of the coolest template: ...

Hide Post Date,Time And Author

There many reasons for hiding post date,time and author like a blogger wants to see his blog clean and clear so he hide them.I am going to show you that how to hide post date,time and author name.So don’t waste your time on thinking and just follow the simple steps given:

Align ‘Read More’ Link/Image To Right Or Left

Read more is the common button/link in a website.Each Customized or a Default template has it’s own read more button/link.But Beginners don’t know much about CSS and HTML.If one wants his read more button/link at right side while he is having at left and one wants his read more button/link at left side and he is having at right side so he must follow this post.