How To Added Dropcaps In A Box

Written by : Precious Pinkest | 11:23:00 AM | 0

Good morning all, may you all in a good health and should be..Amin..:) Tutorial this morning is how we write letters at the beginning of a topic or post is also known as Dropcaps, but with a box.I have provided pictures as you can see below;

DropCaps in Box


1. Log in to Blogspot.

2. Select the Layout - Edit HTML.

3. Download Full Template before editing the blog.

4. Find </head>, paste code below  above it.

.dropcaps {
border: 3px ridge #ff1493;
background: #Fad7e8 none repeat scroll 0% 0%;margin-right: 3px; margin-top: 2px;
float: left; color:#ff54a7;
-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
font-size: 100px; line-height: 70px; padding-top: 3px;
font-family:"Berlin Sans FB"; }

Note: Please change the color code² blue suit your blog.
border: 3px solid #ff1493- border color box ( You also can change the Border Type as you please)
background: #Fad7e8 - colors in the box
color: :#ff54a7 - the color dropcaps
font-family: "Berlin Sans FB"; - type of writing / Text

5. Preview If there’s No Error You May Save Your Template.

6. Now go to Settings - Formatting.

7. Enter the code below into the Post Template.

<dropcaps>First Letter</dropcaps>
Example 

8. Save Your Settings.


Any questions, just ask in the comments .. okbai..daaaaaaaaa!!!

Updated on 12/09/2016
Sharing The Love :)

Leave A Comment , Thank you! 😍

Note : All comments are moderated manually by real humans, so you won't see them appearing immediately.

For Non-Bloggers
Please select profile & click "Name/URL" If you do not have any profiles on any those listed. (Leave the URL empty).

It's harsh to call you Anonymous , So please Leave at least a Name.