Posts

Showing posts from June, 2012

How to Create Drop Caps (Big First Letters) in Blogger/Blogspot

Image
Here's another way to customize your Blog. In this case, your Posts and Comment's first letter. 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 have a different color from the rest of the text. This style can be often seen in newspapers, literature, magazines. So, in this tutorial I will show you how to apply automatically  a Magazine text style on Blogger Posts and Comments. Let's start adding it... ->  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 clic...

Numbered comments on threaded comments for Blogger/Blogspot

Image
In a previous tutorial you've seen how you can add numbered comments to your blogger blog, unfortunately, this trick worked only for those who don't have the reply option and are still using the old blogger commenting system. But we won't have any problem this time because this tutorial will show you how to add numbered comments with comment bubbles on the threaded comments, as well ;) What the following CSS trick will do for you: When the general block of comments is initiating ( .comments-content ) a counter called countcomments activates and starts with an initial value of 1.  Then, each time the code flow goes through a review of any level, either the original comment or a reply ( .comment-thread li ), it will bring us in front ( :before ) of the comment's body the number that is the counter. Finally, this is incremented in the counter ( counter-increment ). See the screenshot: Isn't that great? I'm pretty sure many of you have been waiting for this cool t...

How to add “Email Subscription Form” to Blogger Blogspot

Image
When you are providing useful information in your blog, then many times some readers will need to get the latest updates from your blog. For that purpose, you need an Email Subscription Form in your blog, so that the interested visitors can easily get the latest updates. Related: How to Burn Blogger RSS Feeds at Feedburner To add email or Feed Subscription Form to your blogger blog (blogspot) is very easy. Just follow the next steps: 1. Log in to Blogger, then go to Layout > click on "Add a Gadget" link:  2. From the pop-up window, scroll down and click on the "HTML/JavaScript" gadget:  3. Paste the following code inside the empty box: <style> .hl-email{ background:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2167elCHBEJTo6NF8mXo-QsLHgU3Ru9GavpqDo6Y8j-iDDI8i73H7uAKplI3Iwpptky8oDfnwTqwVA9OsBophrxbZlkPuHKQuF14GNl0wVg3ILAQ5eovsL3zgWOT-SCSUjGIqwmjHKfE/s1600/mail.png ) no-repeat 0px 12px ; width:300px; padding:10px 0 0 55px; float:left; font...