Skip to main content

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

Comments

  1. For updated version visit http://classictutorials.com/2009/11/21/greet-box-universal-blogger-v3-0/

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

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.

Diagram 101: Different Types of Diagrams and When To Use Them

Diagrams are a great way to visualize information and convey meaning. The problem is that there’s too many different types of diagrams, so it can be hard to know which ones you should use in any given situation. To help you out, we’ve created this diagram that lays out the 7 most common types of diagrams and when they’re best used: