In the past, nosotros accept shown you lot
how to mode comments inward blogger,
how to add together CSS codes inward Blogger in addition to
how to add together CSS hover outcome on images inward Blogger. However, late i of our users asked us nearly how to brand the commencement alphabetic quality of a post service larger inward Blogger. Sometimes you lot are reading a even mass or a paper in addition to the real commencement alphabetic quality of the real commencement paragraph is simply actually big, this whole affair is known equally drib caps. Today inward this article, nosotros volition present you lot how to brand the commencement alphabetic quality of a post service large inward Blogger.
What are Drop Caps (Large First Letter)?
Drop caps is a form of a styling technique that is most probable to locomote used inward even books, newspapers in addition to periodical featuring long paragraphs. It keeps the font size of the commencement alphabetic quality of the paragraph large equally compared to the remaining letters.
Drop Caps tin too locomote added to blogs or websites using a uncomplicated CSS technique that makes the describe of piece of occupation actually straightforward in addition to easier for everyone to understand.
How to Make First Letter of a Post Larger inward Blogger:
However, you lot demand to know the refer of the div flat or id of your top dog content. You tin honour that past times looking into your template files or through the Inspect chemical ingredient characteristic inward your browser.
Once you lot accept your div class, in addition to therefore become to
Blogger >> Template >> Edit HTML >> search for
]]></b:skin> tag in addition to simply inward a higher house it glue the next code.
However, brand certain you lot alter the "post-outer" department below if your template has a dissimilar flat name. You tin too customize the CSS codes to acquire inward await according to your template pattern or fifty-fifty better.
.post-outer:first-letter {
float: left;
font-size: 4em;
color: #111;
margin-right: 0.10em;
line-height: 90%;
text-shadow: 0.05em 0.05em #C0C0C0;
}
And next is the result:
We promise this tutorial may accept helped you lot inward learning how to brand the commencement alphabetic quality of a post service large inward blogger, in addition to making you lot familiar alongside drib caps. Do part your thoughts inward the comments below or you lot tin part it alongside your friends at
Facebook,
Google+ in addition to
Twitter.
Comments