joeblack Posted July 22, 2016 Share Posted July 22, 2016 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!? Link to comment Share on other sites More sharing options...
justsomeguy Posted July 22, 2016 Share Posted July 22, 2016 What do you have now? Have you done any research for modal plugins or anything else? Link to comment Share on other sites More sharing options...
joeblack Posted July 22, 2016 Author Share Posted July 22, 2016 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. Link to comment Share on other sites More sharing options...
justsomeguy Posted July 22, 2016 Share Posted July 22, 2016 With just vanilla Javascript, there's an example here: http://www.w3schools.com/howto/howto_css_modals.asp There are also several plugins and things for jQuery if you're using a library. Link to comment Share on other sites More sharing options...
joeblack Posted July 22, 2016 Author Share Posted July 22, 2016 (edited) 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 July 22, 2016 by joeblack Link to comment Share on other sites More sharing options...
justsomeguy Posted July 22, 2016 Share Posted July 22, 2016 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. Link to comment Share on other sites More sharing options...
joeblack Posted July 22, 2016 Author Share Posted July 22, 2016 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.. Link to comment Share on other sites More sharing options...
justsomeguy Posted July 22, 2016 Share Posted July 22, 2016 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 Link to comment Share on other sites More sharing options...
joeblack Posted July 22, 2016 Author Share Posted July 22, 2016 Thank you. will try that and get back with results! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now