Create a CSS3 Image Hover Effect with Animated Vinyl Record

By  at 3:54 PM  , ,  
Here is an amazing CSS image effect to reveal more information on your images with a really cool CSS3 hover animation. This is just perfect for blogs dedicated to music or if you just want to show off the music that you love.So, what we will do in this tutorial is to take an image for our album cover,...

Add a Cool Style to Blogger Threaded/Nested Comments

By  at 1:21 PM  , , ,  
If you need a fresh style to the threaded comments of a standard Blogger template, here's a simple CSS that will help you to apply a different background, make your avatars rounded, add a border with rounded corners and a triangle which is actually an HTML entity to get that speech bubble look on your...

How to Add an Admin Control Panel in Blogger

By  at 5:39 PM  , , , ,  
A while ago I posted some tutorials on how you can remove the Blogger Navbar or add a Peek A Boo Effect so that it would show only when we mouse over on top of our page.However, customizing or removing the Blogger Navbar also has its downside because the admin links for "New post", "Customize" and "Log...

How to Add Adsense Ads In the Middle or Anywhere inside Blogger Posts

By  at 12:36 PM  , , ,  
In a previous post, we saw how and where we can place Adsense ads on our blog; however, these methods would only work when we place the ads on predetermined and fixed locations. For posts area, the most common places are below the title, at the beginning of the post or at the end of it.But what if we...

How to create click events using CSS

By  at 4:17 PM  ,  
An event is something that happens when we do something. In CSS, the most common is the hover selector which helps us to select elements when we mouse over them and then an event is executed automatically. There is one way to avoid this since in modern browsers there is a property called pointer-events...

Create a CSS Image Slider with Thumbnails for Blogger

By  at 12:24 PM  , ,  
Image galleries/sliders are particularly useful for photoblogs, but they could also be useful for users who occasionally need a gadget like this. We already posted a tutorial on how to add Thumbnail Image / Photo Gallery in Blogger with a big thumbnail at the top and smaller thumbs at the bottom which...

How to add a thumbnail image/photo gallery in Blogger

By  at 7:54 PM  , , ,  
For those who would like to show pictures in an image gallery, here's a beautiful gallery made with JavaScript and CSS. This image gallery displays the available thumbnails either vertically or horizontally on top of the chosen picture, thus making it easier for you to pick different images on mouse...