In the past, nosotros accept shown yous how to mode comments inwards blogger, how to add together CSS codes inwards Blogger in addition to how to add together CSS hover outcome on images inwards Blogger. However, of late i of our users asked us virtually how to brand the start missive of the alphabet of a post service larger inwards Blogger. Sometimes yous are reading a storey majority or a paper in addition to the really start missive of the alphabet of the really start paragraph is simply actually big, this whole affair is known every bit drib caps. Today inwards this article, nosotros volition demonstrate yous how to brand the start missive of the alphabet of a post service large inwards Blogger.
Drop Caps tin likewise hold upwards added to blogs or websites using a uncomplicated CSS technique that makes the draw of piece of employment actually straightforward in addition to easier for everyone to understand.
Once yous accept your div class, thence become to Blogger >> Template >> Edit HTML >> search for ]]></b:skin> tag in addition to simply inwards a higher house it glue the next code.
However, brand certain yous alter the "post-outer" department below if your template has a dissimilar degree name. You tin likewise customize the CSS codes to arrive await according to your template pattern or fifty-fifty better.
And next is the result:
We promise this tutorial may accept helped yous inwards learning how to brand the start missive of the alphabet of a post service large inwards blogger, in addition to making yous familiar amongst drib caps. Do percentage your thoughts inwards the comments below or yous tin percentage it amongst your friends at Facebook, Google+ in addition to Twitter.
What are Drop Caps (Large First Letter)?
Drop caps is a form of a styling technique that is most probable to hold upwards used inwards storey books, newspapers in addition to periodical featuring long paragraphs. It keeps the font size of the start missive of the alphabet of the paragraph large every bit compared to the remaining letters.Drop Caps tin likewise hold upwards added to blogs or websites using a uncomplicated CSS technique that makes the draw of piece of employment actually straightforward in addition to easier for everyone to understand.
How to Make First Letter of a Post Larger inwards Blogger:
However, yous demand to know the advert of the div degree or id of your principal content. You tin discovery that yesteryear looking into your template files or through the Inspect chemical ingredient characteristic inwards your browser.
However, brand certain yous alter the "post-outer" department below if your template has a dissimilar degree name. You tin likewise customize the CSS codes to arrive 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:

No comments:
Post a Comment