A very popular effect used in magazines and newspapers is a drop cap first letter to paragraphs.This effect can also be found on many blogs and websites.The effect is a large first letter stretching down three or four lines with the text wrapped around.The drop cap letter can also use a different font and can be a different color to the rest of the text.Almost two years ago i published a post showing how to add a Drop Cap to your blog, in this post i have an even easier more effective method.This method needs just a few lines of Css to be added to your template then the first letter of every post on your blog will automatically be a drop cap.You can then choose the color and font of the drop cap.Check out the Blogger screenshot, demo and tutorial below.
Step 1. - In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css, as shown in the video below
Step 2. Copy and Paste the following code into the Css Section then click Apply To Blog.
p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;
color:#0033CC;
font-size:60px;
font-family:Georgia;}
Edits :
Color - The Color highlighted in yellow can be changed, find color codes here : Html Color Code Generator.
Size - The font size highlighted in green can be increased and decreased from 60px.
Font - The font highlighted in red is currently Georgia and can also be changed.
Step 3. Save your template.
That's it you now have a cool drop cap first letter on your blog.Some people have had trouble with this method so i it does not work for you try the original
Add The Drop Cap Large First Letter To Your Blogger
Remember Always Back Up Your Template Before You Make ChangeStep 1. - In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css, as shown in the video below
Step 2. Copy and Paste the following code into the Css Section then click Apply To Blog.
p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;
color:#0033CC;
font-size:60px;
font-family:Georgia;}
Edits :
Color - The Color highlighted in yellow can be changed, find color codes here : Html Color Code Generator.
Size - The font size highlighted in green can be increased and decreased from 60px.
Font - The font highlighted in red is currently Georgia and can also be changed.
Step 3. Save your template.
That's it you now have a cool drop cap first letter on your blog.Some people have had trouble with this method so i it does not work for you try the original
Anda baru saja membaca artikel yang berkategori
Blogger EN
dengan judul
How to add Drop Cap first letter in post blogger
. Anda bisa bookmark halaman ini dengan URL
https://sisatruk.blogspot.com/2013/01/how-to-add-drop-cap-first-letter-in.html
.
Artikel Terkait Blogger EN
Ditulis oleh:
Pramudya Ksatria Budiman
-
Rating : 4.5
Belum ada komentar untuk " How to add Drop Cap first letter in post blogger "
Post a Comment
Beri komentar anda.