Customize Popular Post Widget with CSS3

'Recent Posts' or 'Popular Posts' widget which displays your popular blog posts (obviously based upon some analytic statistics) along with image, title and description (obviously these are optional) is undoubtedly very essential widget (or gadget) for blog. I have written quite a few posts about customization of this widget. This post is also one of those. Here some CSS3 properties like transition, transform, back-face visibility , transform-style etc. are used. You can also use CSS3 perspective property, but right now this property is not supported in all browser.
The main reason for using css instead of java-script or jQurey is that it requires less time for loading of the page. Also css properties are very easy to understand as well as to implement. Hope you will enjoy it.

Customize Popular Post Widget with CSS3

'Recent Posts' widget or 'Popular Posts' widget is very essential widget (or gadget) for blog. It displays your popular blog posts (obviously based upon some analytic statistics) along with image, title and description (obviously these are optional). By default blogger provides some styles for this widget but somehow these are obsolete and unprofessional. I have written quite a few posts about customization of this widget. This post is also one of those customization using CSS3 transition property. The main reason for using css instead of java-script or jQurey is that it requires less time for loading of the page. Also css properties are very easy to understand as well as to implement. Hope you will like it.

Horizontal Popular Post Widget using CSS for Blogger

'Recent Posts' widget or 'Popular Posts' widget is very essential widget (or gadget) for blogger blog. This widget displays your blog popular posts based upon some analytic result along with snippet, images etc which are also optional. By default blogger provides some styles for this widget but somehow these are obsolete and unprofessional. I have written quite a few posts about customization of this widget. This post is also one of those customization but a little different. Here i shall show you how to display popular posts or recent posts in horizontal manner instead of vertical. The main and only problem is that it requires larger horizontal space i.e. larger width of of your blog. So before you proceed, make sure you have enough room in your blog to display posts horizontally.

Customize Popular Post Widget with jQuery

'Recent Posts' widget or 'Popular Posts' widget is very essential widget for blog. I think it is known to everyone that why it is important, because it gives latest post information of your blog to your blog readers. So you should look after this widget very carefully. By default blogger provides some styles for this widget but somehow these are obsolete, unprofessional and not animated. I have written few posts about customization of this widget. You can find those out in my blog. Some of those are using css only and rests are using css and jquery. Advantage of css is it requires less time for page loading, but main drawback is it is not supported in every browser and it is animation free. This post is the customization of popular posts using both jQuery and CSS. Hope you will enjoy it.

Customize Popular Post Widget with CSS

As you guys all know that 'Recent Posts' widget or 'Popular Posts' widget is very essential widget (or gadget) for both personal and professional blogs. This widget gives your latest post information to your blog readers. So you should look after this widget very carefully. Also if you provide some style with this widget, your reader will be overwhelmed. By default blogger provides some styles for this widget but somehow these are obsolete and unprofessional. You are actually recommended to go through those styles for the first time.

Customize Popular Posts Widgets with jQuery for Blogger

'Popular posts' widget (or gadget) or 'Recent post' widget is an essential widget for a blog. This gives your blog not only an organized view but also readers of your blog come to know about various posts of your blog while they are actually viewing one page or post. So special care should be taken for this widget. By default blogger provides some styles for this this widget. However if you are not satisfied with that and looking for something new and animated, you can go through this post. In this post several 'Popular post' styles are featured according to their impressive design and attractiveness with the help of jquery, responsible for animation effect. Give your blog a fresh new look by selecting one of these styles.

Replace 'Popular Posts' Title (Header) with an Image

It is need not to say that 'Popular Post' or 'Recent Post' widget is undoubtedly very essential widget for any kind of blog. Your blog readers come to know about your latest post information while they are actually surfing another post. This is also some kind of statictics for blog posts. So a professional blogger should look after this widget very carefully. I have already written quite a few posts about customization of 'Popular Posts' widget using css alone and css with jquery or javascript. However this post is not of them. Rather it is actually how to replace 'Popular Post' title or header with an image. If you don't understand what i actually meant by replacing 'Popular Post' title with an image, see these two images shown below.

Customize Popular Posts Widgets with CSS for Blogger

'Recent Posts' widget or 'Popular Posts' widget is very essential widget for blog. By default blogger provides some styles for this widget but somehow these are obsolete and unprofessional. For better looking of your blog, you have to cook this widget with some professional styles. You will find a lot of styles in internet throughout the globe. Here also I have a small but great collection in different styles of 'Popular posts' widget using CSS. CSS or Cascading Style Sheet is a simple mechanism for adding styles to web documents and most important, unlike JavaScript or jQuery, it is very easy to understand. Although main problem with CSS is that some of its property is not suitable for some browser, like Internet Explorer. Good news is that around 80% of people who surfs internet daily avoids Internet Explorer. So don’t worry. Just continue blogging.