random_posts_widget

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.

Those are all the steps necessary to implement the Random Post Widget to blogger. I hope you and your readers thoroughly enjoy it!

related_posts_widget

Related Posts Widget for Blogger / Blogspot

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.

Preview of Related Posts Links:

Error Fix:

If your related posts have not been working correctly:

  1. Search for this line of code: http://theblogtemplates.com/scripts/Related_posts_hack.js
  2. Replace the URL above with https://sites.google.com/site/widgetsforfree/scripts/Related_posts_hack.js

How to Add Related Posts Widget to Your Blog?

    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. Search for the </head> tag.
    5. Add the following code just before the </head> tag.

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(“http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png”) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src=’https://sites.google.com/site/widgetsforfree/scripts/Related_posts_hack.js’ type=’text/javascript’/>

  1. Now search for <data:post.body/>. In some of the templates this code may look like this
    <div class=’post-body>
    or
    <data:post.body/>
  2. Add the following code just beneath the code you just searched for.

    <b:if cond=’data:blog.pageType == “item”‘>
    <div id=”related-posts”>
    <font face=’Arial’ size=’3′><b>Related Posts : </b></font><font color=’#FFFFFF’><b:loop values=’data:post.labels’ var=’label’><data:label.name/><b:if cond=’data:label.isLast != &quot;true&quot;’>,</b:if><b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <script expr:src=’&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;’ type=’text/javascript’/></b:if></b:loop> </font>
    <script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();
    </script>
    </div></b:if>

 

  • Now Save your Template and you’re done!

 

Customization

    • In order to change the number of maximum related posts being displayed for each label, search for the code below (within the code given in step 7) and change the number “5” to any desired number.

max-results=5

If you have any questions on implementing this hack into your own blog, shoot me a comment and I’ll be glad to help!
Make sure to check out our other great Blogger Hacks as well:
Recent Posts Hack with Thumbnails; Recent Comments Hack; Sleek Search Bar

Special thanks to Real Trix!

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!

$25,000 Giveaway – Or Get a Free Blog Template

The newly launched ThemeForest is offering an amazing deal to 2,500 people. The First 2,500 to join and comment will win $10 and one of the 2,500 will win 25,000 dollars. So if you join fast, you’ll receive $10, which you can transfer to your paypal account or which you can use to buy yourself a template.

ThemeForest is a newly launched website which offers all kinds of templates, such as Blogger Templates, WordPress themes, HTML Templates, Flash sites and so on. If you’re not interested in buying a template you can always design one and earn money buy selling it on their site.
How to Join the Contest?

  1. First you will need to sign up with ThemeForest, which should only take a moment.
  2. Next, visit the post over at PsdTuts, where they have a link to the short and sweet form you need to complete. PsdTuts is one of ThemeForest’s many affiliates.
  3. Wait for a reply email, which will tell you when your money has been deposited.
picturegq3

Create Round Image Corners Generator

Here is a great tool for giving all your pictures beautifully rounded corners. It’s simple to use and can save you a whole bunch of time. While most web designers use photoshop to achieve this very special effect, now it possible to accomplish in just a few seconds.

How to Use:

All you have to do is give the URL or upload your image below (in either JPG, PNG, GIF or BMP file type). RoundPic will do the work for you and let you choose which corners to round, the round size, the quality of the rounded image, background color for rounded corners, and even if you want it exported as a transparent PNG image.

Tips:
Be Patient… it may take a few seconds to process the image.

Image:
or URL:

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:
  3. Add this code below directly above the searched code above:
  4. Now Preview and Save your Template!

Readers Suggest a Post Widget


Skribit lets readers suggest and vote on your article topics. In other words, the widget will allow you to suggest ideas for posts which you would like me to write about in the near future! Your readers can vote on every suggestion so that you know which suggestions are the most important to blog about. If you would like to see a demo, click on the button above.
This widget has not been embedded on the blog itself, but the demo is a great example so that you might see how Skribit works. Indeed the widget is meant to be implanted in your blog’s sidebar or something of the sort.
Get your own Skribit Widget

refltemp4903b8cc21a3fgc0

Image Reflection Generator

Here is a great tool for creating faded reflections for your images. You can upload an image from your computer or any image hosted on the internet. Either way, you’ll get an amazing looking picture. As you can see to your left, there should be a nice reflected image. It can give your web pages more depth, which is always a good thing. Also, you can decide how big you want the reflection to be. Here I gave about a 50% reflection size for the image on the left.
Start Reflecting Images

arrow-up-green

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.
+- Get the Floating Icon Widget
For Google Bloggers:


The html code:

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

Performancing Ads: Make Money Blog Widget

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 with Performancing 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

Like Us on Facebook?