Skip to main content


Showing posts from January, 2010

Making Mobile Friendly version of your blog using google reader

Making the mobile version of your blog using google reader.
You may have heard about on which you enter your blog address,Sign up for free account and you get a mobile version of your blog just for free.I am a google fan and love to use google services. Nothing will be better if you could use google to make mobile version of your blog.

 Things You require :

 A google reader account which is same as your google account A feedburner account connected with your blog. 
Interesting and easy thing about this is that all you have to do is append your blog feed address to the following URL[without brackets][feed_address]
Replace feed_address with your blog feed address (

 Example : 

 Now all you have to do is link any image or text with this url .Click image to see mobile version of this blog.

Widget to display backlinks to your blog

One of the main factor that really matters to bloggers are the number of backlinks pointing to his blog.This is a widget which allows to display latest backlinks received by the blog.It can be an encouragement to the visitors to see that this blog is bonded with many places on the net.Since it is based on search feature ,this widget automatically updates.

You may like to look at some of my previous posts-
Add your feeds to twitter using feedburnerOnline Tool -Backlink checkerExpand collapse Hide/Show element

To add this widget to display your backlinks :
Layout > Page Element >Add a gadget >Feed

And enter the following URL

Replace with your own url.

Once the URL is added you will get a window having different options to choose according to your need
and click   SAVE 

End result of the widget will be some thing like this :

40 Free 125X125 Ads Banner

Here is my collection Of 40 Free 125X125 size banner.Since 125 x 125 are the most commonly used Ads slots on blog.125 x 125 ads are an attractive option for both bloggers and advertisers.Darren on problogger explains its popularity among bloggers and advertisers in his own balancing way.

More FREE Graphics For your blog.
1. Like this blog! Buy me a Pepsi/Coffee banners.
2.Rss Seasonal icons[Spring Summer Fall Winter]

Animated jquery sharing bar with 360 revolution

Today i am sharing with you  an awesome animated sharing option (from Martin Angelov on tutorialzine) by using pure JavaScript with the jQuery framework. which will enable your website visitors to share posts on a number of social networks. Social networking place a very important role in the popularity of the blog,blogger that communicate better and understand the power of social media are generally the most popular ones.
Before we start you make also like to look at  some of my previous posts: Tiny facebook gadget (add to your blogger) Another social bookmarking using image swapping
Now,Installing it to the blogger below every post is like every other social bookmarking bar ,there is an Html with a css supporting it, on the top of it working the Jquery.

Copy this CSS code and paste it above  ]]></b:skin> in your template code ,no need to expand widget template.

#share{ /* The share box container */ width:500px; background:#ececec; height:220px; margin:60px auto; ov…

Modernizing Your BlockQuotes -9 unique styles

Block quotes are a  selection of text that is pulled out and quoted in a larger typeface. They are a great way to attract attention to a particular point, especially in long articles.Most websites, especially if they are blogs, will come across the need for a block quote at one time or another. HTML provides us with the perfect element for such a task, the

The tag blockquote in html has a special beauty than any other tags by default. And when you use blockquote in your post, it gets more meaning than merely a text.

Hope You would also like to Read :
Increase your text sizeWidget
First letter of your post Big and Unique
Google friend connect in Various Forms 

Here i am collecting some of the best blockquote designs which i have found over the web ! Hope You like them :

Basics And Specification
W3C: Blockquote specs
Wikipedia: Blockquote
W3 Schools: Blockquote

#blockquote1 {
background: #f5f5f5;
border-left: 0.8em solid #ccc;
border-right: 0.8em solid #ccc;
font: italic 120% Georgia, …