Jump to content
joeblack

modal/popup window

Recommended Posts

Hi,

 

I wanted to create a popup/modal window on my blogger website landing page. This would be a disclaimer and on agreeing users can access the webpage (www.atriumjuris.ga). Can anyone please help!?

Share this post


Link to post
Share on other sites

What do you have now? Have you done any research for modal plugins or anything else?

Share this post


Link to post
Share on other sites

yes i did do some research, however I am not able to get a proper popup as I mentioned earlier. I searched the site and tried popup alert and prompt and another, all of which would require user to click on the button and then click the option. But I would like to know in detail how to create a modal/popup which displays my disclaimer and then allow according to their consent.

Share this post


Link to post
Share on other sites

To be frank I am a noob with this, could you help me with a step by step process. I am using html editor in template that's all I know. Sorry in here i can see the example but how can I go around applying to my blog? In the sense where do I paste it in html editor of themes or new gadget. In new gadget it doesnt give me a pop up until i click open modal and in html editor of themes gives me error when i paste it above header from below document type??

Edited by joeblack

Share this post


Link to post
Share on other sites

I'm not sure what tools you're using, but that example has some HTML markup, some CSS, and some Javascript code. Each of those goes in its own place, if you're not familiar with that stuff then it might be better to start at the beginning with the HTML, CSS, and Javascript tutorials on the site. That example does use a button to show the modal. For what you want to do you'll probably need to use cookies, so when the page loads you check if your cookie is already set and, if it's not, then you show the modal. When they click whatever you want them to click then you would set the cookie so that the next time they load the page it doesn't show it again.

Share this post


Link to post
Share on other sites

Thank You so much for your time and advice, I am not using any tools just the browser and have no clue about the difference between HTML, JS and CSS. I was hoping if I could get some simple instructions as to how to go around to apply the popup to my website. Thank you..

Share this post


Link to post
Share on other sites

The HTML tutorial contains basic information about how to structure the document:

 

http://www.w3schools.com/html/default.asp

 

The page on CSS describes how to link an external stylesheet to the page, that's the most common way to add CSS to the page:

 

http://www.w3schools.com/html/html_css.asp

 

These days, Javascript is typically added in a script tag at the end of the HTML page before the closing body tag:

 

http://www.w3schools.com/html/html_scripts.asp

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...