Alexa Ranking Gadget

GET THIS WIDGET

Continue reading →

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:

The Recent Post Titles

Display Post Thumbnails

Choose which blog posts to display (choose URL).

Display Post Summaries

Length of Summaries

Display Post Date

Display Number of Comments on each post

Display Read More Link

Display separator between posts

Number of Posts do Display

Determine height

PREVIEW:

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!

Continue reading →

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!

Continue reading →

Add Google Buzz it Button to Blogger

Google Buzz is a great social tool which is very similiar to Twitter and Facebook. It's a wonderful way to engage and interact with your readers! Make sure to implement these Google Buzz buttons into your blogger posts, so that users can easily share your content on Google Buzz.

Add Google Buzz it Button to Blogger

1. Go to Layout >Edit HTML in your Blogger Dashboard.
2. Back up your existing Template before making any changes!
3. Make sure to check the "Expand Widget Templates" box.
4. Here is the Google Buzz it Code:

<br /><div style="float:right;padding:4px;"><br /><a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'><br /><img alt='Buzz It' src='http://i48.tinypic.com/idyc04.png' style='border:0px;'/></a><br /></div>

5. Search for this line of code in your template:
<div class="'post-header-line-1'/"></div>

and place the Google Buzz it Code right after the code you searched for above.
If this doesn't work, then search for this code below and place the Google Buzz it Code directly before it.

<data:post.body/>

6. Now save your template and you're done!

Continue reading →

Blogger Search Bar Form

Add a search engine in the sidebar of your blogger blog. This searches all the posts on your blog, and displays them by latest posts first. Inside the search bar you will find the text "Search this Site", this can easily be changed to any text you desire. Such as "Search my Site", "Search", "Type and Hit Enter", etc. Just simply replace the code. You can also change the text "Go" on the button to something like "Search", "Find", etc.

<form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Search this Site" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q"> <input id="searchButton" value="Go" type="submit"></form>

Continue reading →