How to Add Reflection Effect On Images Using CSS

How to Add Reflection Effect On Images Using CSS

I've been working on design articles for the past few days and I would like to share one with you in this article which is based on Photoshop but the twist is that we'll not use PhotoShop to achieve this effect, rather use simple and pure CSS to achieve it - Reflection Effect On Images. Before we dive into the actual tutorial, let me show you the final product - refer to the image below. Interesting... Isn't it? Without wasting your time, let me start with the tutorial. I'll split the tutorial into two parts - HTML and CSS. We'll first add the HTML (10 comments)

How to Display Latest Google plus Updates on WordPress/Blogger Blogs

How to Display Latest Google plus Updates on WordPress/Blogger Blogs

Just as Google is obsessed with page speed, I'm kinda of obsessed with Google+. In this article, I would like to share two simple methods to display your latest updates from Google+ on your blog - be it WordPress or BlogSpot. I usually post articles aimed at blogs run on blogspot, but the case in this article is little different. I've the codes for WordPress users as well. So, without wasting time, let's get started with the tutorial below. I'll start off with the widget for WordPress Users. Before we begin, I suggest you to get your Google+ ID from (0 comments)

Collection Of Top 15 Free Google+ Icons Pack

Collection Of Top 15 Free Google+ Icons Pack

The recent buzz around the web is all about Google+. It has created an enormous impact on people's thought process and mind, making it suitable to hang out with friends in circles or group. However, from the perspective of a web designer or webmaster, it's just another site that shall drive traffic to your blog. There are several Google plus icons available in the market out there and I've shared only a few of them in this article below. Check out the list below... Google Plus Icons Pack 01 Google Plus Icons Pack 02 Google Plus Icons Pack (14 comments)

[BlogSpot SEO] Simple Script to Optimize Your Blog for SEO

[BlogSpot SEO] Simple Script to Optimize Your Blog for SEO

This post is rather intended to blogs run on blogger than to ones on WP because WP users have the platform to make their blog SEO optimized whereas those on blogger do not. They need to manually add alt & title tags to their images and specify a rel="nofollow" & target="_blank" for external links that they use in their post editor. Specially it's a wise advice to keep your external links (Non useful) nofollow and open them in new tab. By making all external links open in new tab, you help lowering down bounce rate of your blog.  Being a blogger, (33 comments)

How To Make Entire Block Clickable Using jQuery?

How To Make Entire Block Clickable Using jQuery?

I'm sure many web masters out there link various websites on their blog. Some tweak the links with a background color while few keep it simple! What if we make an entire block click-able rather than just the anchor tag present in the block. To better understand about the same, take a look at the "Random Posts" section on the footer of SML. You'll notice that only the links are click-able but not the entire block. In this article, I'll help you achieve a complete block click-able effect using Jquery. Assuming that you have an unordered list <ul> (13 comments)