|
|
|
|
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.
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:
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:
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.
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:
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.
Tags:
Back To Top
Subscribe in a reader
Subscribe via email
2 Responses to "
Welcome Pop-Up Message
"bang,
lama tak update? bercuti panjang lagi ker
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...
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