-> Add Drop Caps For Blogger Posts
-> Add Drop Caps For Blogger Comments
Big First Letter for your Blogger / Blogspot Posts
Step 1. From your Blogger Dashboard, go to Template and click on the Edit HTML button:
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger' search box. Type this piece of code inside the search box then hit Enter to find it:
]]></b:skin>Note: you might need to click on the arrow next to it to expand the code within and then you need to search ]]></b:skin> one more time.
Step 3. Just above ]]></b:skin>, add the following CSS code:
.capital:first-letter {Color - change the value in blue with the hex of your color
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}
Size - to change the letter size, increase/decrease the value highlighted in pink.
Step 4. Now search for this code:
<data:post.body/>Step 5. Then immediately before and after add the red fragments you see in the example below:
<div class='capital'><data:post.body/></div>Step 6. Save the changes by clicking on the Save template button.
Important! If the above code is not working, add one of following codes from this example:
<p class="capital"><data:post.body/></p>Or try this instead:
<span class="capital"><data:post.body/></span>
Big First Letter For Blogger/Blogspot Comments
Step 1. Log in to your Blogger account > go to Template > Edit HTML > click anywhere inside the code area and press CTRL + F keys to open the search boxStep 2. Type the following piece of code inside the search box and hit Enter to find it (if you have already added this code, skip step 2 & 3):
]]></b:skin>Step 3. Add the following code just above ]]></b:skin>:
.capital:first-letter {Color - to change the letter color, replace the value in blue with the value of your color. Here's a tool that might help you to find the hex of the color that you need: Color Code Generator
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}
Size - to change the letter size, change the value in pink.
Step 4. Then Search for this piece of code:
<data:comment.body/>Step 5. Add the red codes before and after <data:comment.body/> as you can see in my example below:
<p class="capital"><data:comment.body/></p>Step 6. Save your Template.
That's it! Now you have a cool drop cap first letter on your blog. If you have any question, leave a comment below!
Geographical Location of the Visitors Rehab benchmark lending small business administration sba Digital Photography Mortgage AUTO ACCIDENT LAWYER DENVER hair removal washington dc Insurance structured settlements annuities Loans Cord Blood Credit Software Transfer Claim Online Making Money Recovery structured settlement annuity companies domains yahoo Health Business LOS ANGELES AUTO ACCIDENT ATTORNEY How to donate a car in California ANNUITY SETTLEMENT Degree Lawyer Donate Dreamhost Hosting Classes · World Trade Center Footage Gas/Electricity Attomey Technology mesothelioma survival rates Fastest VPS hosting Treatment Conference Call Blogging Making Money online Trading · Better Conferencing Calls Data Recovery Services DAYTON FREIGHT LINES Laws and lawyers Attormey mesothelioma suit Mesothelioma Law Firm Fatcow Donate Car to Charity California Donate Car for Tax Credit STRUCTURED ANNUITY SETTLEMENT NUNAVUT CULTURE Forex Trading How much to sell domain name for Business Blogs Based On Donations SELLING A STRUCTURED SETTLEMENT ANNUITY mesothelioma attorneys california structured settlement buyer mesothelioma claim MOTORCYCLE ACCIDENT ATTORNEY LOS ANGLES
