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

13 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

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

Next Post Homepage Previous Post

Regular Readers


What They Say...

Tech Savvy Blogger & an overall Great Guy who is always there for his readers & users of the Blogger Platform , offering his limitless knowledge to everyone out there...& if you need advice on any topic , I guarantee you he will definitely have an answer to your problem.
- Mia @DezignDiva
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...

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