How To Add a Drop Cap To Each Post Using CSS In Blogger Blog
Edits :
If The Above Method Is Not Working Then Try This:
- Go to Blogger Dashboard –> Template –> Edit HTML –> Proceed
- Backup Your Template Before Any Changes
- Now Expand Widget Templates
- Press Ctrl + F and Search The Code Shown Below
- Now Paste The Code Shown Below Just Above/Before it
- Press Ctrl + F and Search The Code Shown Below
- Find The Code Shown Below Using [Ctrl+F]
- Now Paste the Code As Shown Below
- If this not work then try this code
- Save Your Template and Its Done 🙂
- Enjoy Blogging
]]></b:skin>
p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;
color:#0033CC;
font-size:60px;
font-family:Georgia;}
.capital:first-letter {
float: left;
display: block;
font-family:Georgia;
font-size: 60px;
color:#0033CC;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}
<data:post.body/>
<div class=’capital’><data:post.body/></div>
<p class=’capital’><data:post.body/></p>
<span class=’capital’><data:post.body/></span>
|
|
Share this PostColor – Size –Font – orThis tutorial will guide you “How To Add a Drop Cap To Each Post Using CSS In Blogger Blog?”. In a written or published work, an initial is a letter at the beginning of a work, a chapter, or a paragraph that is larger than the rest of the text. The word is derived from the Latin initialis, which means standing at the beginning.
An initial often is several lines in height and in older books or manuscripts, sometimes ornately decorated. The Color highlighted in yellow can be changed, find color codes here : Html Color Code Generator. The font size highlighted in green can be increased and decreased from 60px.The font highlighted in red is currently Georgia and can also be changed.
