CategoryBlogger tricks

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


Here’s another way you can 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 can be a different color to the rest of the text. You often see this style in newspapers, literature, magazines. In this tutorial i...

Recommended Post Slide out Widget for Blogger


You know those popup messages that slide out from the bottom right corner once you’ve almost reached the bottom of the page? Well, they used to be available only on WordPress but not anymore; now Blogger users can enjoy it too! The Recommended Post slide Out Widget is an invitation to the reader to read any other post once he has read one of your blog entries. It’s both useful for you (can...

Numbered comments on threaded comments for Blogger/Blogspot


In a past tutorial i’ve been talking about how you can add numbered comments to your blogger blog but today we’ll learn how we can add numbered comments along with comment bubbles on our threaded comments too. 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...

How to add “Email Subscription Form” to Blogger Blogspot


If you are providing useful information in your blog, then every visitor will want to get latest updates from your blog. For that purpose you need a Email Subscription Form in your blog, so that interested visitors can easily get latest updates. And to add email or feed Subscription Form to your blogger blog (blogspot) it’s a very easy thing to do. So let’s begin: 1. Log in to...

Create A Rollover Image Effect (change image on mouseover)


The Rollover effect is one in which an image web object changes (swaps itself) on mouse over to another web object (called rollovers) and reverts back to the original image on mouse out. Rollover images are preloaded into the page when it is loading, this ensures that the rollovers are displayed quickly. The onMouseOver and onMouseOut attributes of the link tag are used to make this functional...

How to Change Default Anonymous Avatar in Blogger Comments


In the past tutorial you’ve learned how you can change avatars size in blogger comments but this simple tutorial will show you how to change or customize default avatar of anonymous commenters or Blogger users with no photo added on their profiles. After Blogger announced new feature of threaded comment, we can still customize it by adding a jQuery plugin to our template...

Show Blogger Image only in Homepage and Hide it in Post Page


Want to know how to hide specific images from blogger posts pages and to appear only in homepage? In this tutorial we’ll learn how we can do this! So let’s start hiding our images from posts pages: Step 1. If you are using the old Blogger interface: Go to Dashboard – Design – Edit HTML – Expand Widget Template (make a backup) If you are using the new Blogger...

Recent Posts Widget with Thumbnails for Blogger/Blogspot


The past days i’ve shared a tutorial on how you can add a Simple Recent Posts Widget, but today we will learn how to add a recent posts widget which comes along with posts thumbnails and snippets too. Here is how you can add a Recent Posts widget/gadget with thumbnails to your Blogger (blogspot or custom domain) blog. It’s pretty simple. Follow the steps below: 1. Go To Blogger...

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.


Recent Posts

Recent Comments