How To Added Dropcaps In A Box

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;




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 :)