How to Create Post with Dropcap/Newspaper Style

In the Microsoft Word in the MS Word have a facility called the Drop cap. Drop cap is one of the menu in MS Word to create a working capital letter at the beginning of a word or sentence. Effect Drop cap may also serve as a way to attract visitors to a blog. The idea with the drop cap you can post as well as any posts in the newspapers or magazines. Of course this will create other colors on your blog. Then how do I apply a drop cap in a blog? That's what I will study this time.
Drop cap effect can be applied to your blog, and how to make your post not hard too. You just spend a little time to add a CSS style on the template that you use so that it will cause a drop-cap effects on your post. Let's start ...

Follow the steps below:
1. Please log in to your account blogger
2. Click Layout
3. Click Edit HTML tab
4. Check the Expand Widget

Tips Tricks :
To avoid the things that you do not want failure in entering or CSS, please copy and paste the HTML code of your (previous check Expand Widget) and click on Download Full Template and save to disk, flash or other storage media

5. Search codes

]]></b:skin>

Tips Tricks :
To facilitate the search, please click the F3 on the keyboard, the code you are looking with the color green (FireFox browser) or copy and paste the HTML code and insert to the notepad. I click Edit ago find and enter the code into the field can also or by pressing Ctrl + F simultaneously on your keyboard.

6. Copy the following code and place it before the code above :

/* first caracter
----------------------------------------------- */
.first {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

7. Save your template.
8. If you want to use the post with effect, start the post with the following code:

<span class="awal"> YOUR FIRST CARACTER </span>

Well, now you can post your articles with the style of the newspaper.
Hopefully helpful, happy blogging. Good Luck...!!

Related Posts by Categories