Disqus Recent Comments Widget

Today, we will learn a simple and useful tutorial on how to add an attractive and fast-loading Disqus Recent Comments widget on a Blogger blog. Widgets like these let readers know about the conversations going on at your blog, and if you're fairly active, it adds up to a good impression. This widget in question is well-scripted and the JavaScript is hosted at Disqus so as to reduce the load time on your blog. So lets learn how to add it to blogger.

Read more »

Ribbon backgrounds with CSS3

Looking for a cool Design Change for your blog sidebar's Headlines instead of that dull plain text headlines? Today we will learn an interesting way of customizing the sidebar Headline Backgrounds in BlogSpot templates. You have seen Photoshop Graphic designs in Ribbon, Canopy or Curtain Style but the problem with them is that you need to have good designing skills to in order to create them further they also slow down the load time of your webpage. Therefore we are bringing forward the simplest solution by designing Ribbon style backgrounds with the help of pure CSS3 rules without using a single image! The method described below can be used to create ribbon backgrounds in any platform, may it be wordpress or Blogger. All you need to do is add up some CSS styles. We are sure this will add an extra ordinary look and feel to your online diaries! The Demo can be seen live on our blog sidebar. Its time to get into your blogger factory and be creative. Lets get started!

Read more »

most commented widget for bloggerMost of you requested how we created the Most commented widget that shows the list of Top10 most popular posts sorted by comment bubbles. You can see this widget on our sidebar under the heading "Most Discussed". What we did here was using existing script from Yahoo! Pipes that uses json to parse and display each post with highest number of comments posted on it. Using CSS3 pseudo properties, we then styled the comment count with comment bubbles. This widget is simply a copy-paste tool that can be installed within seconds. Lets add this dynamic and fast loading widget to your blogger blogs!

Read more »
search techniques in bloggerToday we will discuss various interesting ways of doing effective search in BlogSpot blogs. You will learn how to do search by category, by query or even doing effective search inside feeds. You will also learn how to run a query for searching posts with multiple labels and you will discover how to search for a particular keyword inside posts tagged under a specific label using its Feed data. We will also learn how to sort search results by Date and index count. There is too much learning today!
In wordpress we call labels as Categories and sub categories as Tags but in blogger we are limited only to Categories which are termed as Labels.
Read more »

New Year Popup with counterHappy New Year 2014 our beloved readers! How can I forget wishing my family a splendid new year? :D Today marks the sixth consecutive year of serving you all since 2008! That is indeed a long journey for a school going boy to a university graduate and the credit goes to this cute little family that I have online. We wish you all a new year full of abundant new zeal and joy, a year full of honest commitments and a year full of pleasant surprises. May you all have the best in life and I sincerely wish you all the Holy blessings that I wish for myself. You guys are the best! In order to dress up your blogs with beautiful near year greetings, we crafted a new year version of the Christmas jQuery popup we published last week. And guest what? It has the same unique 4 features that not even a premium popup would have! You got us. It is a highly advanced light weight jQuery popup that comes with a default count down or countup timer, comes with 3 animations, Falling snow flakes and most importantly it is fully controlled via HTML5 LocalStorage cookies. So lets buzz up our blogspot blogs with something worth trying out!

Read more »

jquery pager navigation in bloggerYou can see that we have replaced Older/Newer Pagination buttons with Post titles. This trick is not a new one and already many developers proposed different solutions using JavaScript or using jQuery. We will also use jQuery but in a more neater and optimized fashion using jquery to fetch URL parameters instead of running long js queries. Blogger blogs are neither optimized nor structured in a user friendly manner. Same applies to default wordpress themes. The pagination buttons make no sense when placed at the bottom of comments container. Anything that provides usability to readers should be placed straight in front of eyes and not pushed down to the page where one would rarely scroll. After checking our analytics stats, I found that Next/Previous buttons placed just at the bottom of post body generates more pageviews compared to placing them down below comments section. They become even more useful if instead of showing just buttons pointing to succeeding or preceding posts, show your readers the blog post titles. We will learn today how to create this professional looking pager navigation in blogspot blogs.

Read more »