4

ProPress - Free Blogger Template

ProPress is the first free blogger template that I have created.  I first used this template for WidgetsForFree™ not too long ago, but then too many people requested this template for themselves.  So I have decided to release ProPress as a free download at TheBlogTemplates.com. I hope you all enjoy this template very much! Instructions on customizing the template can be found here. If you have any questions please feel free to ask and I will answer them as best I can.

Features:

2 Columns, Blue, Fixed Width, Right Sidebar

Screenshot:


Live Demo -  Download This Template
Read More!
13

20+ Useful Blogger Widgets and Hacks

Blogger is a great free blog platform that is improving every day. New useful hacks and widgets are being created on a regular basis. Here is a list of some of the very best blogger widgets and blogger hacks that will improve the usability of your blog.


Related Posts Widget
Display related posts beneath each of your blog posts. Links are displayed based on labels given to each post.

Tag Cloud Widget
Display a simple tag cloud in your blog's sidebar. The tags are displayed based upon the labels given to each post.

Random Posts Button
This widget creates a link for your template that directs users to a random post when clicked on.

Change the Favicon
Are you tired of the regular organge favicon provided by blogger? This tutorial will teach you how to display your own customized favicon.

Top Commentators Widget
Reward your readers for commenting on your blog with this widget. The widget displays the names of the top commentators and will direct you to their website when clicked on.

Change the Title Tags for More Search Engine Traffic
This tutorial teaches you how to make your post title show up before your blog title in Google search results. This is very important when it comes to Search Engine Optimization!

Recent Posts with Thumbnails
Grab your readers attention with an appealing recent posts widget which includes thumbnails.

Recent Comments Widget
Make your blog look alive by displaying recent comment discussions.

Currently Online Readers Widget
A small widget which display how many users are currently online. The widget also indicates which pages are currently being looked at.

Digg Vote Button
Let your Digg readers Digg your posts directly from your blog with this handy little widget.

Contact Admin Widget
Let your users stay in touch with you with this contact form.

Search Bar for Blogger
This widget displays a small search bar in your blog's footer. Your readers will be able to easily search your blog for specific content.

Change Your Template
Choose from a huge list of custom blog templates. Providing your blog with a new design will make it look fresh and new.

Post Ratings by Outbrain
Let your users give your post a star rating from one to five.

Table of Contents
Allow your readers to easily navigate through your site with an interactive Table of Contents.

Social Bookmarking Widget
This widget lets your users to easily bookmark your blog posts at the bottom of each post.

PageRank Buttons
 Showoff your blog's Google PageRank with this small widget.

Google Talk Chat Back Badge
A Google Talk chatback badge will let visitors to your web page chat with you. They'll be able to chat with you whenever you're signed in to Google Talk.

Twitter Widget Tools
A great post containg 502 twitter widget tools, buttons, and icons for Engaging your followers.

PayPal Donation Button
If you've got a loyal reader community that might be willing to sponsor you as a blogger, this would be the way.

Performancing Ads Widget
Another way to make some money from your blog by letting others advertise on your site.

Sudoku Puzzle Widget
Have some fun on your blog with this interactive sudoku game that will easily go in the sidebar.  The sudoku has five different levels of difficulty.
Read More!
13

502 Twitter Widget Tools, Buttons, and Icons for Engaging your Followers

Twitter is continuing to grow at a most overwhelming rate. As more and more people use twitter...be sure to utilize these twitter resources on your blog or website as a tool to to expand and connect with your twitter community.

Widgets and buttons are a great way to grab your readers attention and hence increase your twitter community. Below you will find links to different sites where you can attain the source code for these widgets and icons. Please enjoy thoroughly!

Twitter Widgets

ReTweet Button
A powerful twitter widget which allows your readers to easily share your blog posts. The button also displays a live count of the amount of times the post has been tweeted! ReTweet allows you to choose from two different sizes of buttons.


TweetMeMe Button
This twitter widget is very similar to the ReTweet Button but is stylized with a green interface.


BackType TweetCount Widget
The widget also counts the number times a certain URL has been tweeted. The great thing about this counter is that you can fully customize it. Choose the background color, border color, text color, etc.


Twittley
Yet another twitter button which displays the number count of tweets in real-time.


TwitterCounter
This widget shows off how many people are following you on twitter. Surely, you'll be able to impress a few tweeters.


TwitterRemote
This widget shows which twitter users recently visited your blog or website.
twitter icon picture

TwitStamp
This badge displays your latest tweet with many different styles to choose from.
twitter icon picture

Chris' Original Twitter Badge
Chris has created a snazzy looking twitter badge which loads in no time.


TwitGif
Create a twitter badge for your blog which scrolls through your most recent tweets.
Twitter / bsaves

Twitt-Twoo
A WordPress Plugin which displays your twitter status.
twitter icon picture

Twitter Tag
Here is an automatic updating twitter image for your website or blog.


TwitSig Badge
This twitter image updates with your latest tweet by creating a new image every time you update your status. With this in mind, the twitter badge shouldn't take too much time to load on your blog.


Official Twitter Profile Widget
This widget loops through your tweets and has a full range of customization options. The twitter widget allows you to choose the color scheme, dimensions, and whether or not to loop through your old tweets as well.

Add Twitter to MySpace
The MySpace Flash Widget integrates Twitter into your MySpace profile page.
twitter icon picture

Twitter Gadget for Blogger
Simply display your recent updates on twitter as a list with this gadget. Also featuring a "Follow me On Twitter" link at the bottom of the widget.
twitter icon picture

Go2Web20 Badge
A simple image which floats on the side of your blog and directs readers to your twitter page when clicked on. Choose whether or not to display "Follow Us", "Follow Me", "Follow", or "My Twitter" in the image. Most people choose the Follow Me on twitter widget instead of the follow us on twitter button because it sounds more personal. You may also customize whether or not to display the twitter widget on the left or right side of your webpage.
twitter icon picture

TweetSnap
TweetSnap creates an image for your twitter account which will always display your latest tweet.
Bsaves

TwitterSticker
Another website which creates an image of your latest tweet. TweetSticker allows you to customize the font color, font size, text padding, and text wrap.


Twitterati Badge
A unique twitter widget which displays your twitter friends. Click on one of your friends and you'll be directed to their actual website.

Twitter Buttons and Icons

225 Buttons from TwitButtons.com
TwitButtons allows you to easily copy and paste their button code into your site.
Twitter Button from twitbuttons.com

80 Buttons from TwitterButtons.com
Make sure to click "More Twitter Buttons" at the bottom of their site to see the full collection.


Cute Twitter Bird by The Design SuperHero
3 Variations of the Twitter Bird with 5 different Resolutions.
twitter icon picture

Twitter Bird by WeFunction
3 more adorable variations of the twitter bird.
twitter icon picture

The Social Bird Icon Set
20 Wonderfully original twitter icons by popular artists for your inspiration. These icons have been released by InspiredMagazaine.
twitter icon picture

TweetBird Icon
1 icon which comes in 512×512, 256×256, 128×128, 64×64 and 32×32 pixel sizes.
twitter icon picture

TweetaBird Icon Set
2 more cute icons by LittleBoxOfIdeas. Featuring a twitter bird cheerleaders and a queen twitter bird.
twitter logo picture

Twitter Icon Promo Pack
53 Twitter Icons by WebTreats for you to grab and use on your site.
twitter logo picture

German Twitter Buttons by MTS
10 more twitter buttons for you to enjoy!


Twitter Graphics by Graphic Leftovers
16 twitter graphics in different shapes and forms; such as eggs,lightbulbs,bottle caps, and more.


Twitter Birds by Inaliblast
8 flying twitter bird icons.


Twitter Bird Icon Set by ProductiveDreams
6 High Quality transparent PNG twitter birds.


Free Tweet Tweet Vector Icon Set
1 Twitter bird with 4 differnet poses, created by ProductiveDreams as well.


Randa Clay Twitter Graphics
18 twitter buttons for gaining new followers.


Happy Birds by WebDesignFM
4 Happy go lucky twitter birds that will encourage both your faithful followers and potential followers.


Twitter Buttons by Blog Marketing Web
31 attractive buttons to enhance the twitter experience.


Is that Everything?

If there are any useful twitter resources that I've missed, please feel free to let us know by leaving a comment. Also, don't forget to subscribe because we'll be coming out with the The Best Twitter Apps and Tools in the near future... Stay Tuned!
Read More!
14

Top Commentators Widget for Blogger

This top commenters widget is a wonderful tool for giving back to your most loyal readers. It's a great way to inspire your constituents to keep making useful comments on your blog. The widget displays links to to the top commentators websites and can easily be implemented in your blog's sidebar.


Features:


  • Calculates the top commentators on your blog based on the last 100 comments.
  • Displays the Commenter's Name with a link to their Site URL.
  • You may also filter your own name so that you will not appear as a top commenter.
  • Choose the number of commenters you wish to display. The default value is 5.
  • This plugin functions differently from the Recent Comments Widget.

Installing the Top Commentators Widget:


When entering your blog's URL make sure to not add the "http://". The URL should be displayed as yourblog.blogspot.com
Read More!
17

Best Blog Hosting with HostGator

HostGator allows you to host unlimited blogs and websites for only $7.95 a month. And on top of that you get unlimited bandwidth and unlimited diskSpace. So why not start a new blog with your own custom domain where you'll gain more respect and backlinks in the blogosphere?

HostGator is among the top 5 Web Hosting and Blog Hosting Companies in the world and is currently serving over 2,200,000 websites.

Hostgator Plans

Name Platform Price Disk Space Bandwidth Domains
Hatchling Linux $4.95 Unlimited Unlimited 1
Baby Linux $7.95 Unlimited Unlimited Unlimited
Business Linux $12.95 Unlimited Unlimited Unlimited

Free Coupons for HostGator Blog Hosting!

Right now they are running a coupon which offers a 20% discount on the initial order. Those of you who opt for the yearly billing the coupon code is BEACH. And if you prefer monthly billing your code is hgc25. This code makes the first month bill only $0.01

Great Online Support All the Time

Hostgator offers great online support and they always have someone ready to talk to you if you need help. Just send them an email or give them a call if you need help setting up your blogspot blog or wordpress blog.

My Experience with HostGator

I've been using HostGator for about 7 months now and I absolutely love it! The main reason being is that I can create as many websites and blogs as I wish for the same price of $7.95 every month. That's why I recommend getting the "Baby" plan because you can host unlimted domains with unlimited disk space and unlimited bandwidth.

User Submitted Reviews:

Hostgator Review By: Michael, London
Site Hosted:http://michaelwillow.com/ IP Address: 89.127.245.99
It is a good host
I think it is a good host. Comparing with all the other hosts I tried this is the best. Their support is good. Once I messed up my php code and they fixed it, despite that this is not their job. Sometimes they don't give me a clear answer or they confuse me but I think that has to do with the person who is behind the pc as an individual, not with the whole company. In overall the positives are much more than the negatives. It is a trustful company and I recommend it.
Review Added on: 2009-08-11

Hostgator Review By: Xavier Fernandez, London
Site Hosted:http://password-eu.net IP Address: 81.99.198.142
Great Customer Support
I have used Hostgator for about 3 years now.
The very few times I had to get in touch with them - mainly because I was moving sites from one host to another - they were very helpful. So thumbs up for customer support.
New features are implemented to the Control Panel all the time to keep users updated to the latest option in webhosting.
I think is very good value for money.
Review Added on: 2009-07-22

Hostgator Review By: mrs. bong, indonesia
Site Hosted:http://www.selphiebong.com IP Address: unknown
the best web hosting
Its been 2 years I've been using hostgator, and this is the best web hosting ever.
I've no of websites and I only satisfied with hostgator service, ever. They have the best support too. I just upgraded my plan to business, and continue it for another 3 years. Kudos.
Review Added on: 2009-06-17

Sign Up for HostGator
Read More!
48

Change the Title Tags in Blogger for More Search Engine Traffic

By default Blogger displays the blog title first, followed by the name of the post. As you might notice this is not good when it comes to SEO. It's important for the name of the post to come before the name of your blog, especially when it comes to google search results. Learn how to make your post title show up first so that you can reel in more traffic from the search engines.

Why Change the Titles?
It's quite important to have the Post Title + Blog Title arranged accordingly because this is how you would want your blog to be displayed on google's search results. This way more people will click on your link when searching google because the post title is more relevant than your post name.
Example Google Search Results:
You are most likely to click on the bottom image when searching google for the keywords "image reflection generator". The reason being is that your mind reads text from left to right. So it makes sense to have the more important title on the left.


How to Change the Titles:
  1. Go to Layout>edit HTML in your Blogger dashboard.
  2. Search for this tag: <title><data:blog.pageTitle/></title>
  3. Replace this tag with the following code:
  4. <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>
  5. Save your template and you should see the results in your web browser as depicted in the images below.
  6. It may take a few days for the changes to show up on the google search results. I guarantee you that you will start receiving more traffic from google once you are re-indexed!



Read More!
25

How to Change the Favicon in Blogger

Blogger supplies every blog with the standard orange "B" blogger favicon. Having your own unique favicon is a great way to give your blogger template both a distinct and explicit brand. These small 16X16 pixel images will most definitely help your blog stand out from the rest of the blogspot blogs.

What is a Favicon?
A favicon is a small 16X16 image located at the top of your browser in the url bar.

How to Change your Favicon
  1. First go to Layout >Edit HTML in your Blogger Dashboard.
  2. Backup your existing template before making any changes!
  3. Place the code below directly below the </head> tag in your template.
  4. <link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon' />
    <link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='icon'/>
  5. Now save your template.
  6. Once your template is saved view your blog and make sure to refresh the page and delete your cookies.
Creating your own Favicon
  1. Replace the image URL (2X) with your own 16 pixel by 16 pixel image hosted on the internet.
  2. http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico
  3. You can host your own favicon blogger image at sites such as ImageShack; PhotoBucket; Flickr; etc.
  4. Check out this Favicon Generator Tool which allows you to upload an image and it will format it for you!
Read More!
35

Get Free Backlinks to Your Blog with John Smith

Here is an easy and effective way to get somewhere between dozens and few hundred free backlinks to your blog. So far I've recieved 115+ backlinks to WidgetsForFree™ from this contest alone. The nice thing about my offer is that it's absolutely free for everyone. All you need to do is make a simple post and the backlinks should start rolling in.

What's a Backlink? (for beginners)
Backlinks are links that point from any website to your website.

Why are Backlinks Important?
Having other sites link to your blog is very important if you want excessive amount of traffic from the Search Engines. Backlinks are plainly a measure of popularity when it comes to the search engines. Most search engines such as Google will give more credit to your site if it notices that other sites link to yours. As a result, the search engines will reward you with more traffic for certain keywords on the search engine.

How it Works:
Head on over to my other blog named MoneyBush, where I've started this whole contest. Basically, I have a list of blogs over at MoneyBush. What you need to do is copy this master list into a new blog post of yours. Once you've done this send me a comment and I'll add your blog to the link list. The next people who join this contest after you will be linking to your site because I had already added you to the list. Just follow the directions that I have posted over at MoneyBush.
Join the Backlinks Contest

Got Any Questions?
If you're still confused just leave me a comment and I'll try to explain better how the system works.
Read More!
32

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.
add to blogger

Many thanks to Blogger Plugins!
Read More!
15

Hide Show DIV Content with Links by using Javascript

The Hide and Show DIV elements for HTML content is a great way to clean up your sidebar. It becomes especially handy for those long blogroll lists or anything that clutters up the blog. Just simply click a link to make all the hidden content magically appear and disappear.


Demo:
+/- Click Here to Expand and Collapse

How to use it in Your Blog
Step 1: Adding CSS and Javascript
First, add this code below directly above the </head> tag.
<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

Step 2: Adding the Active Content to be Displayed
Place this code wherever you would like it to appear. Make sure to change the red text to a name that is "unique" to any other name in your template. An example might be "blogroll-dropdown". If you do not give each Hide Show DIV element a unique name the script cannot be used more than once on the same page. The green text is the title of the link that you click on to make the content appear. Replace the code "Expanded Content" with the content you wish to have expand and collapse.
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
>Link Title</a><br />
<div class="commenthidden" id="UniqueName"
>Expanded Content</div>

Step 3: Sample Code
Here is what my code looks like for the demo above:
<a aiotitle="" href="javascript:togglecomments('hideshowdemo')">+/- Click Here to Expand and Collapse</a>
<div class="commenthidden" id="hideshowdemo"><ul><li><a href="http://howhero.com/">HowHero Tutorials</a></li><li><a href="http://widgetsforfree.blogspot.com/2008/09/translate-blog-widget-using-flags.html">Blog Translation Plugin</a></li><li><a href="http://widgetsforfree.blogspot.com/2008/09/make-money-blog-widget-performancing.html">Make Money Widget</a></li></ul>
</div>
Read More!