Archive for July 2011

Performancing Ads: Make Money Blog Widget

Posted on Wednesday, 20 July 2011 by

Imagine how it would feel to wake up each morning, go to your computer, and check how much money you made while you were sleeping. It’s a really nice situation to be in. Well, the Performancing Ads Network makes this possible for thousands of bloggers.

Widgets Make Money!

A few people have kindly asked me how much I've made from this program. So I have decided to share my numbers with you and will be updating every now and then. I've made exactly $290 dollars so far (05/22/09).

How does Performancing Ads Work?

You can simply sell 125 x 125 ad spaces on your blog. You choose how much you want these banner ads to sell for weekly. A site like Mashable wants $750 weekly to advertise on their site. So it's up to you to find out the right price for your own website...

Some Tips

:
  1. Start at a lower price and work your way up.
  2. Once you offer a high price to advertise on your site, be patient, because it might take some time.

How do I get Paid?

All payments are made via Paypal. And you don't have to make $100 before getting paid. You can make as low as $10 and they'll pay you just for that.
The payment schedule works like this:
Say that you make $1000 dollars in March, you'll get paid $1000 via Paypal sometime between April 1 and April 7th.

Can I earn Referring People?

Yes indeed!
  1. Earn $10 for each new publisher or advertiser you refer.
  2. Plus, earn 5% recurring revenue on all advertiser ad buys ... for life.
Let's say that you refer 2 new advertisers per month and each spends an average of $250 per month. Within 1 year, you'd be making a cool $300 per month in 100% passive income.
Affiliate System Update >>

Got any Questions?

Feel free to ask me any questions in the comment form below! Also, if you've had any experience withPerformancing Ads, please share your thoughts and suggestions.

Need a Customer?
Leave a comment if you want me to buy an ad on your site after signing up. I'll make sure to check it out and maybe I'll buy a spot!
Get the Performancing Ads widget

Posted in | 1 Comment

20+ Useful Blogger Widgets and Hacks

by

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.




Blogger Hacks

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.

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

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.

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

Posted in | Leave a comment

Blogger Search Bar Form

by


 
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>

Posted in | Leave a comment

Add Digg Vote Button Counter Widget to Blogger

by

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!

Posted in | Leave a comment

Recent Comments Widget for Blogger

by

This widget displays the recent comments made on your google blogger blog. It's great if you would like to show how popular your site is, and want to encourage your readers to participate in your discussions. If you are unable to see the Recent Comments Tool below, please visit this link.


Posted in | Leave a comment

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

by

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

Posted in | Leave a comment

Change the Title Tags in Blogger for More Search Engine Traffic

by

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>
  4. Save your template and you should see the results in your web browser as depicted in the images below.
  5. 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!



Posted in | Leave a comment

Hide Show DIV Content with Links by using Javascript

by

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>

Posted in | Leave a comment

Top Commentators Widget for Blogger

by

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 commentatorswebsites 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 asyourblog.blogspot.com

Posted in | Leave a comment

Related Posts Widget for Blogger / Blogspot

by

Now here is wonderful hack for displaying links to related posts beneath each of your blog posts. The related articles are chosen from other posts in that same category/label/tag. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest.

Posted in | Leave a comment

Blogger Tag Cloud Widget by Categories / Labels

by

This widget is perfect for blogspot users who desire a simple tag cloud for their Categories. The Labels Cloud can easily be implemented within the sidebar of your blog and will match your template wonderfully.

Steps for Implementation

Step 1: Back it UpAlways make sure to back up your Blogger Template before doing anything else!

Step 2: The Labels Gadget
Make sure that you have the Labels Page Element installed. If you haven't already...
  1. Go to Layout >Page Elements .
  2. Click "Add a Gadget" and then add the "Labels" gadget.
Step 3: Locating the "Old Code"
  1. Now go to Layout >Edit HTML
  2. Make sure that the "Expand Widgets Template" box is unchecked.
  3. Now we need to search for the code that looks like this.
    <b:widget id='Label1' locked='false' title='Tags' type='Label'/>
    Your code may look a little different. So try using your browser's search tool to find type='Label'.
Step 4: Replacing the "Old Code" with the "New Code"
  1. Once you've located type='Label', remove the whole line of code that looks just like the code mentioned in part 3 of step 3.
  2. Replace this code that you've just deleted with the code below:
    /*
    Distributed by John Smith at WidgetsForFree.blogspot.com
    */ <b:widget id='Label1' locked='false' title='Tags' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content' style='text-align: justify;'>
    <script type='text/javascript'>
    /*
    Simple Blogger Tag Cloud Widget
    by Raymond May Jr.
    http://www.compender.com
    Released to the Public Domain
    */

    //Settings / Variables
    var max = 150; //max css size (in percent)
    var min = 70; //min css size (in percent)
    var showCount = false;  // show counts? true for yes, false for no
    var minCount = 1;  // what is the minimum count for a tag to be shown? 1 for all


    //Begin code:
    var range = max - min;

    //Build label Array
    var labels = new Array();
    <b:loop values='data:labels' var='label'>
    labels.push(&quot;<data:label.name/>&quot;);
    </b:loop>

    //URLs
    var urls = new Array();
    <b:loop values='data:labels' var='label'>
    urls.push(&quot;<data:label.url/>&quot;);
    </b:loop>

    //Counts
    var counts = new Array();
    <b:loop values='data:labels' var='label'>
    counts.push(&quot;<data:label.count/>&quot;);
    </b:loop>

    //Number sort funtion (high to low)
    function sortNumber(a, b)
    {
    return b - a;
    }

    //Make an independant copy of counts for sorting
    var sorted = counts.slice();

    //Find the largest tag count
    var most = sorted.sort(sortNumber)[0];

    //Begin HTML output
    for (x in labels)
    {
    if(x != &quot;peek&quot; &amp;&amp; x != &quot;forEach&quot; &amp;&amp; counts[x] >= minCount)
    {
    //Calculate textSize
    var textSize = min + Math.floor((counts[x]/most) * range);
    //Show counts?
    if(showCount)
    {
    var count = &quot;(&quot; + counts[x] + &quot;)&quot;;
    }else{
    var count = &quot;&quot;;
    }
    //Output
    document.write(&quot;<span style='font-size:&quot; + textSize + &quot;%'><a href='&quot; + urls[x] + &quot;' style='text-decoration:none;'>&quot; + labels[x] + count + &quot;</a></span> &quot; );
    }
    }
    </script>
    <br/>
    <span style="font-size:80%;float:right;">Powered by <a href="http://www.widgetsforfree.blogspot.com">Blogger Widgets</a></span>
    </div>
    </b:includable>
    </b:widget>

Step 5: Previewing the New Tag Cloud
Before saving the template make sure to click preview. The new tag cloud should now be visible. If not, make sure that you've completed all the steps correctly.

Posted in | Leave a comment

Blogger Templates and WordPress Themes by ThemeForest

by

ThemeForest offers professional blog templates and themes at affordable prices. If you can't afford to hire that expensive designer then ThemeForest is the right place for you. They offer wonderfully designed WordPress Themes andBlogger Templates which will help make your blog stand out from the rest of the crowd.

More about ThemeForest

ThemeForest has a growing collection of hundreds of nicely designed templates. The prices range from about $10 to $35. In most cases the wordpress themes are a little more expensive and nicer looking than the templates for blogger.

My Favorite Blogger Templates


Red and White
An awakening template featuring two nice sidebars.


Underland
This template should make you and your readers feel as if you were underground.


Buy Themes Template
This would work great for a design blog or even a photo blog.

My Favorite WP Themes


Business Professional PackageExcellent template which will give you blog the professional and clean look.


Convergence Community
Convergence is a nicely put together WordPress theme with the intent and focus on creating a community site.


BlueLight
Manage your portfolio and blog posts easily with this mash-up Wordpress theme.

Posted in | Leave a comment