The Best Widget To Greet Your Visitors [Greet Box]

The easiest way to turn your first time visitor in to a regular and returning visitor is to greet them personally. This widget shows a different greeting message to your visitors depending on their referrer url. You would have seen messages like these in many of the wordpress blogs (but may be not in Blogger blogs):

The Best Widget To Greet Your Visitors [Greet Box]
Live Demo (original WP style)

The Best Widget To Greet Your Visitors [Greet Box]
Live Demo (Bloggerized Widget)

The Best Widget To Greet Your Visitors [Greet Box]
Live Demo (Bloggerized Widget)

The purpose of adding this widget to your blog:
* Greet your visitors with a reference to the site from which they came
* Request them to subscribe for your blog
* Request them to stumble or tweet your post and invite them for a long term professional relationship

Instructions to add this widget:
The best position for this widget is just above your post-title. Log in to Blogger -> Layout -> Add a Gadget and select it as “HTML/JavaScipt”
Now paste this code in to it:

<script src=”http://bloggergreetbox.googlecode.com/files/TextToBeDisplayedDiv-minv3.0.js”
type=”text/javascript”>
</script>
<div id=”mainDisplayDiv” style=”background:#F8F8FF;border:1px solid #B6AFA9;display:none”>
<div style=”float: right; margin-right: 5px; margin-top: 5px;”>
<href a=”#” onclick=”closeGreetBox(‘7’)”><img border=”0″ alt=”x”
src=”http://img214.imageshack.us/img214/9837/closebutton.gif”/>
</href></div>
<div id=”dynamicContentDisplayed”>
</div>
<script type=”text/javascript”>
// Give your feed url here
var feedURL = “http://feeds2.feedburner.com/bloggerstopnet”;
var dynamicHTMLText = displayRequiredText(feedURL);
document.getElementById(“dynamicContentDisplayed”).innerHTML = dynamicHTMLText;
</script>
</div>
<script src=”http://bloggergreetbox.googlecode.com/files/HideShowDiv-minv3.0.js”
type=”text/javascript”>
</script>
<script type=”text/javascript”>
showHideDiv();
</script>

NOTE: Before saving the widget, replace the link in RED with the feed url of your own blog.

Credits
Original WordPress plugin by Thaya Kareeson. Bloggerized by Classic Tutorials

Share you exerience with this widget here

Leave a Reply

22 Comments on "The Best Widget To Greet Your Visitors [Greet Box]"

Notify of
avatar
Sort by:   newest | oldest | most voted
Anup
Guest

Wow! great tricks. I have added this widget. Thanks.

View Comment
free downloads @ Nanoguns9
Guest

this is viswanath
thnq
good widget
i hav a prob with my blog reader
nt regarding dis but dunno wer to mention
my blog followers are not getting updates of my blog on their blogger dashboard its showing last post as 4 months back only, after it doesn't reading my blog feed
wat i hav to do,
help me plzzz
my blog URL is

http://nanoguns9.blogspot.com/

thnq in advance

View Comment
Divya Sai
Guest

There's some problem in your default feed, which is this one:
http://nanoguns9.blogspot.com/feeds/posts/default
Go to Settings -> Site Feed and in the field against Post feed redirect url type your feedburner feed url. Hope this will help you.

View Comment
Divya Sai
Guest

And yeah update your feedburner link from feeds.feedburner.com/…
to this one
feeds2.feedburner.com/…

View Comment
Kytro
Guest

wow. very very nice widget. i added it to my blog. one question though theres no option to exit out of the widget like you have in your examples. Like there is no X in the corner. any tips

View Comment
Divya Sai
Guest

I have updated the code a few hours ago, so the present code in the post above does have a button to close. Please try it agian. The image closebutton.gif is the button (X) being used.

View Comment
Divya Sai
Guest

@Kytro
Just checked your blog, you are presently using the previous code without a closing button. Simply replace that code with this new one and that button will appear.

View Comment
ProfessionalLab
Guest

That's cool…….

View Comment
Kytro
Guest

ok thanks

View Comment
Kytro
Guest

thanks so much it worked perfectly

View Comment
Soufiane LeBlogger
Guest

Hi Divya
I've been using a widget like that on my blog LeBlogger.com since 3 or 4 months. It's shown for Google and Yahoo search only.
I'm planning to make a new version of that widget and will let u know :))

View Comment
Positively Nigeria
Guest

You guys rock!!! 😉

View Comment
Blogging Tips
Guest

Thanks for sharing this.I have added this greet box to my blog

View Comment
Ikhsan
Guest

thanks for posting. I've tried this by entering the code into my blog ikhsan blog

View Comment
Uriah W.
Guest

Hey Sai,
I am impressed with your widget, but is there a way that you could give us a bit more control over what's being displayed, like maybe a custom icon and a way to style the box to match our blog's style?

View Comment
Sai - Blogger Widgets
Guest

Yes that is possible Uriah, but quite complicated:
edit this file:
http://bloggergreetbox.googlecode.com/files/TextToBeDisplayedDiv-minv3.0.js
in the code above and upload it to mudatanest.com and then change the present link with the new direct link (to the modified file)

View Comment
humbleauthor
Guest

very useful tips.. expecting lot more from you. I m going to use this in targethappiness.blogspot.com

View Comment
Uriah W.
Guest

Thanks Sai,
I downloaded that file and I'm currently working on customizing it for my own needs. When I'm finished I'll add it to my blog at http://www.intothebook.net and show it to you.

Cheers,
Uriah

View Comment
Uriah
Guest

Hey Sai,
I've just got one problem…I just can't get an externally hosted javascript file to work…could you help me with that? I tried both using Wuala and MyDataNest, both of which allow direct file hosting…but no luck. I'll let you know if I have any luck.

View Comment
Jaka sifra
Guest

Great widget…thx

View Comment
wpDiscuz