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):


Live Demo (original WP style)


Live Demo (Bloggerized Widget)


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

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

22 comments

Write comments
November 25, 2009 9:08 PM delete

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

Reply
avatar
November 25, 2009 11:33 PM delete

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

Reply
avatar
November 26, 2009 12:46 AM delete

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.

Reply
avatar
November 26, 2009 12:48 AM delete

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

Reply
avatar
November 26, 2009 9:24 AM delete

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

Reply
avatar
November 26, 2009 9:47 AM delete

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.

Reply
avatar
November 26, 2009 9:52 AM delete

@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.

Reply
avatar
November 26, 2009 10:40 AM delete

thanks so much it worked perfectly

Reply
avatar
November 27, 2009 4:58 AM delete

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 :))

Reply
avatar
January 30, 2010 5:23 AM delete

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

Reply
avatar
March 08, 2010 11:53 AM delete

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

Reply
avatar
March 23, 2010 7:32 AM delete

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?

Reply
avatar
March 23, 2010 10:02 AM delete

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)

Reply
avatar
March 25, 2010 2:25 AM delete

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

Reply
avatar
May 06, 2010 2:12 AM delete

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 www.intothebook.net and show it to you.

Cheers,
Uriah

Reply
avatar
May 06, 2010 11:11 AM delete

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.

Reply
avatar
November 09, 2011 1:19 AM delete

I was looking at you wbsite,Michael Vick Jersey which is wonderful, and noticed that you have a postcard published by my cousin, Mathew Gardner. I am currently researching our family history and wondered if you had Authentic NFL Jerseys Cheap the original postcard and any other information whih has not been published on your website.

I have some information which I would be happy to furnish if you wish to get in touch.Cheap Steelers JerseysLooking forward to hearing from you.
Donald Driver Jersey
Ray Nitschke Jersey
Paul Hornung Jersey
Bart Starr Jersey
B.J. Raji Jersey

A.J. Hawk Jersey
Ryan Grant Jersey
Aaron Kampman Jersey
Tony Romo Jersey
Miles Austin Jersey
Jason Witten Jersey
DeMarcus Ware Jersey
Felix Jones Jersey

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon