Recent Posts Widget for Blogger with Thumbnails, Summaries, Comments, etc

Display beautifully crafted links to Recent Posts on your blog with this widget. You can easily customize whether or not you would like to display thumbnails, post summaries, and the number of comments for each post along side the titles.


 


Features and Customization:

1. The Recent Post Titles
2. Display Post Thumbnails
3. Choose which blog posts to display (choose URL).
   
4. Display Post Summaries
5. Length of Summaries
6. Display Post Date
7. Display Number of Comments on each post
8. Display Read More Link
9. Display separator between posts
10. Number of Posts do Display
11. Determine height

Install the Recent Post Widget on Your Blog:
This widget is very simple to install. Just simply click the button below to choose which blog you would like to implement it on.



Many thanks to Blogger Plugins!

Readmore »»

Add Digg Vote Button Counter Widget to Blogger

This tutorial explains how to integrate a Digg Button into your blogger template, which will be displayed in each of your blogger posts. The button displays the amount of times each post has been dugg and lets users digg directly from your blog.

Here are the Steps:

1. Make sure to Backup your Template!
   
   
2. Open your blogger template, click Expand Widget Templates, and search for the code below:
   
   <data:post.body/>
3. Add this code below directly above the searched code above:
   
   <!-- DIGG --><div style="'float:right;"><script type="'text/javascript'">digg_url = '<data:post.url/>';</script><script src="'http://digg.com/tools/diggthis.js'" type="'text/javascript'/"></div>
   
4. Now Preview and Save your Template!

Readmore »»

15 Beautiful Google PageRank Display Button Widgets

PageRanking of a website is a very important factor when it comes to Search Engine Optimization, Advertising, and most importantly, trustability. So these handy little widgets will help build a great reputation for your website by openly sharing your PageRank with your readers.

• The widgets display the PageRank of the current page being viewed.
• You're bound to find at least one that matches your website, of the selection below.

How to Implement the Widgets?
Simply click the "add to blogger" button if you're blog is powered by google blogger. If not, copy and paste the code into your webpage. Simply click on the code and it will highlight automatically. Make sure the code is placed between the two body tags of your template. If you have any questions regarding installation, please feel free to comment below!

Readmore »»

Social Bookmarking Widget

Sociofluid as Blogger Widget

Sociofluid can be embedded in blogger sites. To install the blogger widget follow the instructions:

1. Go to sociofluid page and preview the widget:
   
   
   
2.  If you are not happy with it customize it, scroll down at the end of the page and press
   generate widget button:
   
   
   
3. Preview the widget on top of the page and if you like it Click on 'Add to Blogger':
   
   
   
4. You'll be directed to your blogger page "Import Page Element". Click Add Widget.

5. Select the position in the layout. I prefer it on the big column under each post.

6. Save it and check your blogger page.

Add Sociofluid Widget to Blogger

Readmore »»

Add Sudoku Puzzle Widget To Blogspot

The Sudoku widget generates random puzzles with five different levels of difficulty and shows when you have entered an incorrect answer. It can also check to see if you got the puzzle right. And many players think that the best part of this widget is that you can make it solve it self.

<iframe scrolling="no" frameborder="0" width="200" src="http://free-sudokus.blogspot.com" height="230"></iframe><div style="margin:-8px 0;background:none;text-align:center;width:234px"><a style="font-size:75%;text-decoration:none;" href="http://widgetsforfree.blogspot.com/2008/01/sudoku-widget_500.html">Sudoku Widget</a></div>

1

<iframe scrolling="no" frameborder="0" width="200" src="http://free-sudokus.blogspot.com" height="230">iframe><div style="margin:-8px 0;background:#fff;text-align:center;width:234px"><a style="font-size:75%;text-decoration:none;" href="http://widgetsforfree.blogspot.com/2008/01/sudoku-widget_500.html">Sudoku Widgeta>div

Readmore »»

Let your readers easily translate your blog with this highly compact widget. This blog translator is powered by Google Translate. The languages available at the click of a flag are Chinese, German, French, Japanese, Korean, Russian, and Spanish.

It can easily be added to any blog platform or website! Just click "get this translation widget" below to get yourself started.

For Google Powered Bloggers:

<div style="padding: 3px 3px 3px 3px; text-align: center;"><div align="left"><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to French " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Google-Translate-Chinese (Simplified) BETA" height="24" src="http://imgcash4.imageshack.us/img518/261/chineeseoq9.png" style="cursor: pointer;" width="24" /> <img alt="French" border="0" align="absbottom" title="Google-Translate-English to French " height="24" src="http://img296.imageshack.us/img296/1476/frenchflagkf9.png" style="cursor: pointer;" width="24" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to German" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;"> <img alt="German" border="0" align="absbottom" title="Google-Translate-English to German" height="24" src="http://img242.imageshack.us/img242/3466/germanke6.png" style="cursor: pointer;" width="24" /></a> <!--&#8211; to beta &#8211; add english japanese--> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Japanese BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;"> <img alt="Japanese" border="0" align="absbottom" title="Google-Translate-English to Japanese BETA" height="24" src="http://img242.imageshack.us/img242/8905/japaneseyq6.png" style="cursor: pointer;" width="24" /> </a> <!--&#8211; to beta &#8211; english end japanese--><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Korean BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;"> <img alt="Korean" border="0" align="absbottom" title="Google-Translate-English to Korean BETA" height="24" src="http://img510.imageshack.us/img510/6545/koreanfa6.png" style="cursor: pointer;" width="24" /> </a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Russian BETA " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;"> <img alt="Russian" border="0" align="absbottom" title="Google-Translate-English to Russian BETA " height="24" src="http://img525.imageshack.us/img525/3699/russianvr7.png" style="cursor: pointer;" width="24" /> </a> <!--&#8211; to beta &#8211; russian english end--> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Spanish " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;"> <img alt="Spanish" border="0" align="absbottom" title="Google-Translate-English to Spanish " height="24" src="http://img530.imageshack.us/img530/3777/spanishvq3.png" style="cursor: pointer;" width="24" /> </a> <!--&#8211; to &#8211; spanish english end--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> </div><div style="float: left;">^{Powered By}<a href="http://widgetsforfree.blogspot.com/2008/09/translate-blog-widget-using-flags.html"><img style="border:none;" alt="google" src="http://img301.imageshack.us/img301/7661/googlelogode0kn0.png" class="gsc-branding-img-noclear" title="Google Translation Widget" /></a></div></div>

The html code:

 <div style="padding: 3px 3px 3px 3px; text-align: center;"><div align="left"><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to French " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Google-Translate-Chinese (Simplified) BETA" height="24" src="http://imgcash4.imageshack.us/img518/261/chineeseoq9.png" style="cursor: pointer;" width="24" /> <img alt="French" border="0" align="absbottom" title="Google-Translate-English to French " height="24" src="http://img296.imageshack.us/img296/1476/frenchflagkf9.png" style="cursor: pointer;" width="24" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to German" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;"> <img alt="German" border="0" align="absbottom" title="Google-Translate-English to German" height="24" src="http://img242.imageshack.us/img242/3466/germanke6.png" style="cursor: pointer;" width="24" /></a> <!--&#8211; to beta &#8211; add english japanese--> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Japanese BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;"> <img alt="Japanese" border="0" align="absbottom" title="Google-Translate-English to Japanese BETA" height="24" src="http://img242.imageshack.us/img242/8905/japaneseyq6.png" style="cursor: pointer;" width="24" /> </a> <!--&#8211; to beta &#8211; english end japanese--><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Korean BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;"> <img alt="Korean" border="0" align="absbottom" title="Google-Translate-English to Korean BETA" height="24" src="http://img510.imageshack.us/img510/6545/koreanfa6.png" style="cursor: pointer;" width="24" /> </a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Russian BETA " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;"> <img alt="Russian" border="0" align="absbottom" title="Google-Translate-English to Russian BETA " height="24" src="http://img525.imageshack.us/img525/3699/russianvr7.png" style="cursor: pointer;" width="24" /> </a> <!--&#8211; to beta &#8211; russian english end--> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Spanish " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;"> <img alt="Spanish" border="0" align="absbottom" title="Google-Translate-English to Spanish " height="24" src="http://img530.imageshack.us/img530/3777/spanishvq3.png" style="cursor: pointer;" width="24" /> </a> <!--&#8211; to &#8211; spanish english end--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> <!--!&#8211;--> </div><div style="float: left;">^{Powered By}<a href="http://widgetsforfree.blogspot.com/2008/09/translate-blog-widget-using-flags.html"><img style="border:none;" alt="google" src="http://img301.imageshack.us/img301/7661/googlelogode0kn0.png" class="gsc-branding-img-noclear" title="Google Translation Widget" /></a></div></div>

Readmore »»

Live Website Chat Widget

A chat room is a great way to get your readers more involved in your blog. If you think about it, your visitors may end up spending the night chatting with other visitors. Now that's a great thought... The answer is Yaplet, which adds a chat room to every site on the internet!

For Example, here is the WidgetsForFree™ Chat Room . All you need to do is create a visible link or button to your site's chat room just like I have done above. Go to Yaplet.com to find your blog's chat room.

• You can also create a pop-up version
  
• If you go to yaplet's website, you will find some nice buttons which can be placed on your blog.
  

All the things this Widget can be used for:

• Chat with friends
• Make new friends
• Build new communities
• Collaborate on group work
• Telepresent
• Provide customer service
• Offer real-time support
• Educate over distance
• Play games
• Read/write reviews
• and more...

Get this Widget

Readmore »»

Random Posts Widget for Blogger / Blogspot

This widget can definitely bring some excitement to your blogger powered blog. Letting your readers surf your blog to the fullest extent by creating a link to a random post in your blog's sidebar. Besides providing fun for your blog, hopefully your visitors will stay on your site for longer periods of time.






Installation and Customization:

• Click button below to complete Installation:
  
  
  
  
  
  
• Once you have installed the widget, you can change the link text. The default value is "View Random Post". To change this, view the code and search for "View Random Post", and change it to any desired text.

Readmore »»

Floating "Top of Page" Icon Widget

Some blogs and webpages have obnoxiously long pages that go on forever... and that's where this widget comes in handy. As you can see, there is a small floating arrow at the bottom-right of this page. It always maintains the same position. Scroll down a little in your template, then if you click on it, it will take you to the very top of the page.

Why it's a good thing?

• Saves your visitors from an unnecessary hassle of scrolling up.
• The icon does not interfere with your content.
• You can use your own image in order to blend in with your own blog.
  

For Google Bloggers:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>

The html code:<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>

Customizing the Icon Image:

• If you wish to change the arrow image to something else, then find this line below and replace it with another image url

http://img119.imageshack.us/img119/8589/arrowupcx2.gif

Readmore »»

Show Related Stories Under Each Post with Picture!

Install Widget on Blogger

1. Click to open Blogger in a new window, and follow the steps below in that window. Please login if necessary.

2. Select a blog if you have more than one, then click on Add Widget.

3. (Optional) For better performance, Drag and Drop the LinkWithin box under the "Blog Posts" box.

4. Click on Save.

Readmore »»

Free Facebook Toolbar for blog and joomla

Wibiya is a tool, primarily for publishers and bloggers that places a thin bar across the foot of the respected site, similar to in many respects to Facebook Connect bar. Aside from its name, Wibiya stands out because it provides a wonderful mix of functionality, clean UI and ease of use that I have to see elsewhere – interestingly.
Wibiya mini-entegrate your forum or -blog to facebook.
I like it, not more regular and have some issues but these problems only for now. I think this project is very nice.. I’m not spammer, and this is not adversite. I want to share this.

Boost your blog with rich and interactive features.

1. No coding needed
2. Add it in two minutes
3. Totally free

Create a Facebook Community

1. Create a blog community using Facebook Connect
2. Real profiles of real people
3. Track your community growth as readers invite their friends
4. Communicate with your community and learn what they like

Increase Page Views

1. Gain traffic from Facebook through your members news feed
2. Engage readers and raise pageviews with applications such as post navigator and blog search
3. Track your traffic growth through simple analytics tools

Communicate With Your Readers

1. Share your tweets with your readers in real time
2. Send short alerts to your readers with each entry to your blog
3. Direct channel to your Facebook community members

Power Tools

1. Discover a growing range of applications to enrich your readers experience
2. Full tracking and management system for each application and effectiveness to your blog
3. Add and remove applications in just one click

http://www.wibiya.com/

Readmore »»