WordPress Greet Box plugin for Blogger and non-WP blogs

The WordPress Greet Box plugin is fairly popular among WordPress bloggers. This plugin displays a different greeting message to site visitors depending on their referrer URL. For example, when a Digg user clicks through from Digg, they will see a message reminding them to digg the post if they like it. Similarly, a visitor from StumpleUpon will be asked to thumb-up the post. Even visitors from search engines like Google or Yahoo are greeted with a welcome message and a suggestion to subscribe to the feeds.
wp-greet-box 
A WordPress Greet Box
This WP plugin has been ported to Blogger and is called Blogger Greet Box. The good news is, this piece of code can be used with any HTML based website. So the Blogger Greet Box isn’t exactly a Blogger plugin, it’s a universal one.
blogger-greet-box
The Blogger Greet Box
The Blogger Greet Box has the following features:

  1. Show a different greeting message to your visitor depending on the referrer URL.
  2. Beautiful set of icons.
  3. Greeting message can be inserted any where but better to use on the top.
  4. Shows a default greeting message if the user hits the URL directly or comes from a referrer which is not specified.
  5. Ability to remove the message when the user navigates within the same site so we do not keep nagging them with greeting messages.
  6. Currently the following referrers are installed.
    – Google
    – Yahoo
    – Digg
    – Stumbleupon

How to install the plugin

Download the following 2 Javascript files and upload to your server.
1) http://cid-db9f90bab5f7f65e.skydrive.live.com/self.aspx/.Public/TextToBeDisplayedDiv.js
2) http://cid-db9f90bab5f7f65e.skydrive.live.com/self.aspx/.Public/HideShowDiv.js
Blogspot users can use any free hosting site available. There are plenty of them. Do not use GooglePages as they are shutting down from June 2009.
Copy the following code and paste it on your website/blogger template wherever you want the code to appear:

<script src=”/TextToBeDisplayedDiv.js” type=”text/javascript”> 
</script> 
<div id=”mainDisplayDiv” style=”background:#F8F8FF;border:1px solid  #B6AFA9;display:none”> 
<div id=”dynamicContentDisplayed”> 
</div> 
<script type=”text/javascript”> 

// Give your feed url here 
var feedURL = “YOUR BLOG FEED URL GOES HERE“;
var dynamicHTMLText = displayRequiredText(feedURL); 
document.getElementById(“dynamicContentDisplayed”).innerHTML  
= dynamicHTMLText; 
</script> 
</div> 

<script src=”/HideShowDiv.js” type=”text/javascript”> 
</script> 
<script type=”text/javascript”> 
//List your domains where you don’t want to show up. Suppose  
//when people navigate within your site and you don’t want to 
// show up. This is , separated 
var myRestrictedDomainList = “YOUR DOMAIN NAME HERE“; 
showHideDiv(myRestrictedDomainList); 
</script> 

In the above code replace ‘/TextToBeDisplayedDiv.js’ and “/HideShowDiv.js” with the proper URL of these two Javascript files.
Enter your blog’s feed URL and domain name (i.e. the root URL of your blog) at the indicated locations.
Now test the Greet Box by visiting your blog from Google/Yahoo/Digg and StumbleUpon.
[via Classic Tutorials]
Update: New plugin with more social media support is available

This Article Has 2 Comments
  1. Anonymous Reply

    I know anonymous
    I've got one on my blog (http://tarunscreativespace.blogspot.com)

Leave a Reply

Your email address will not be published. Required fields are marked *