November 26, 2009

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


19 comments:

Anup said...

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

free downloads @ Nanoguns9 said...

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

Divya Sai said...

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.

Divya Sai said...

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

Kytro said...

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

Divya Sai said...

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.

Divya Sai said...

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

ProfessionalLab said...

That's cool.......

Kytro said...

ok thanks

Kytro said...

thanks so much it worked perfectly

Soufiane LeBlogger said...

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

Positively Nigeria said...

You guys rock!!! ;)

Blogging Tips said...

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

Ikhsan said...

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

Uriah W. said...

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?

Sai - Blogger Widgets said...

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)

humbleauthor said...

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

Uriah W. said...

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

Uriah said...

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.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

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

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]Seeking4Hosting[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy