Sign up for PayPal and start accepting credit card payments instantly.



Monday, March 10, 2008

Welcome Pop-Up Message

JavaScript Tutorial

I received a question from Isskander, one of the moderators with one of the local forum which I occasionally dropped by. Isskandar wanted to know how to create welcome pop-up message for his blog. Unfortunately, I couldn't find his blog or website. You can viewed his question here, Welcome Pop-Up Message.

Welcoming visitors to your website or blog with welcome pop-up message can help leave a friendly impression. Just be careful not to overdo it though. Welcoming them to each page of your website could become very annoying.


Before I answer Isskandar's question, let me tell you a little bit about javascript, THE scripting language of the Web that will be used to create a welcome pop-up message. According to W3 Schools, "JavaScript is used in millions of Web pages to improve the design, validate forms, detect browsers, create cookies, and much more. JavaScript is the most popular scripting language on the internet, and works in all major browsers, such as Internet Explorer, Mozilla, Firefox, Netscape, and Opera."

If you want to learn more about javascript, HTML, and many many more, head over to W3 Schools. Well, you can thanks me later, ;-)

How to make a javascript welcome pop up message box:


Consideration: Nowadays browers are incorporating a popup block which could make the use of web page popups a thing of the past. Your information in popups could now go totally unnoticed.


I'm gonna show you a very simple javascripts use to welcome visitors to your homepage? Here's how you gonna do it!

Drag your cursor over the script below to highlight it. Then press "Ctrl" and "C" on your keyboard at the same time or just right click your mouse to copy it to your clipboard.

I'm gonna use Blog*Spot as an example. After login --> Dashboard --> Page Elements --> Edit HTML. Paste the code into your template after your <head> tag by pressing "Ctrl" and "V" at the same time or simply right click and choose "paste".

Here's the code:

<script> function MYALERT() {
alert(<b>"Welcome to Web Directory, blog full of useful informations. Need help with your blog? Well, I'm here to fulfill your need. Just shoot me an email or call out my name, *ArahMan7* and I shall come running to you! Think ArahMan7, think I need help with my blog"</b>); } MYALERT()
</script>

Legend:
  • "My Alert" is the name of the function and it can be called whatever you wish.
  • You can also change the wording .


Whenever your visitors head over to your website or blog, they gonna see this welcome pop up message:

Welcome Pop Up Message

Well, that's it for now. I hope this gonna be useful informations to you my friends, especially to Isskandar.

O ya, one more thing. I tried to implement Pop Up Window on Exit as a way to thanks your visitors when they leave your blog, but I cannot make it work on Blog*Spot. So, it's going back to the drawing board. I shall create another post about it after I fixed it and it's compatible with Blog*Spot.

See you again, and take care.

Here's a story about Google brought to you by The News Room.







Subscribe to My Journey To Recovery

A candle loses nothing by sharing its flame.

7 Responses to "

Welcome Pop-Up Message

"
era said...

bang,
lama tak update? bercuti panjang lagi ker

Berryblitz said...

Thanks for the info about my entrecard. It's there now at http://berryblitz79.blogspot.com/

I don't know what happened to it but now it's ok after I repaste the entrecard script.

Are you a web developer? Because I am a programmer :) Nice to meet a blogger who knows javascript or programming stuff...

Anonymous said...

Thank you for this very informative post! There is much here I was not aware of, and will definately be working on the next bit of time. Perhaps I’ll be able to revive my own ailing blog with some of these suggestions.
Warm Blessings..I will definitely use some of your methods to promote my own website. Thanks for sharing with us this information.http://josegoodluck.dinstudio.com

Fangyaya said...

ray ban sunglasses
cheap air jordans
nike blazers shoes
nike air max 90
true religion jeans
gucci handbags
gucci outlet
gucci belts
ray ban sunglasses uk
louis vuitton outlet
replica rolex watches
louis vuitton purses
true religion jeans
oakley sunglasses
ray ban sunglasses
kate spade
jordan retro 11
burberry handbags
kobe 9
oakley outlet
kevin durant shoes 7
coach outlet
louis vuitton purses
toms shoes
christian louboutin shoes
louis vuitton outlet
nike uk
nike trainers uk
nike store
nike sb janoski
20150507chenenen

dada24 Xu said...

moncler outlet
ugg boots
polo ralph lauren outlet online
oakley sunglasses wholesale
prada sunglasses wholesale
supra store
hollister clothing store
louis vuitton outlet online
moncler uk
ugg outlet online
discount oakley sunglasses
jordan pas cher
fitflops
birkenstocks
ed hardy
valentino
ugg outlet store
uggs outlet
nike free flyknit 5.0
kd shoes
coach outlet store
rolex replica watches
louis vuitton purse
cheap oakley sunglasses
canada goose jackets
kobe 11
cheap nike air max
puma outlet
reebok
canada goose outlet
burberry bags
ralph lauren pas cher
red bottoms outlet online
pandora jewelry
canada goose outlet
mont blanc pens outlet
2016826caiyan

dada24 Xu said...

nfl jerseys wholesale
polo ralph lauren outlet
reebok classic
nike cortez white
canada goose outlet online
louis vuitton handbags
armani outlet
cheap ugg boots
coach factory outlet online
dolce and gabbana outlet online
christian louboutin sale
ugg boots on sale
canada goose parka
tommy hilfiger outlet online
coach outlet store
ugg boots outlet
cheap jordan shoes
louis vuitton outlet online
nike flyknit racer
timberland boots outlet
valentino bags
michael kors outlet online
ray ban sunglasses discount
louis vuitton uk
ugg italia
nike free run flyknit
nmd adidas
true religion jeans outlet
ugg boots
cheap jordan shoes
ugg outlet
uggs outlet
ray bans
true religion jeans outlet
ugg boots outlet
kate spade uk
montblanc pens
louis vuitton outlet online
2016826caiyan

Mie Helal said...




I'm excited to uncover this site
http://www.prokr.net/2016/09/insulating-companies-3.html
http://www.prokr.net/2016/09/insulating-companies-2.html
http://www.prokr.net/2016/09/insulating-companies.html

Post a Comment

I loves to receive comments from everybody and I tried to make everything easier for my readers to comments. So please, be nice even though you totally disagree with me. No comment moderation and whatnot here. So, please respect the privileges given.

God's willing, all comments will be followed and replied.

p/s Please leave your URL so that I can follow it and leave comments on yours. No URL = No Comments. It is as simple as that. Thank you in advance.


~ ArahMan7

PS - Word verification has been enable. Sorry about that [Sept 3rd, 2013].



Back To Top