Easy Html Tutorials

Stats

/

Notifs

Due to my lack of time for being online I can't answer questions anymore, but please use these tutorials to help you create a beautiful blog!

The results are in! Look here to see the survey responses.

NETWORKS

Support Me
Support easy-html-tutorials! If you enjoy my tutorials, consider adding one of the following to your blog!

Easy Html Tutorials
Popup ask/fask

Live Preview!

1. Copy this code and paste it before </head> or after <head> in your theme code (use Control F to find it).

The url highlighted below is for the close button. You can change what it looks like by replacing the highlighted URL with another image URL. If you want the url of one of these close buttons, right click on the button you want and click ‘copy image url’ and paste it into the code. 

imageimageimageimageimageimageimage

image

2. Paste this code before </style> or if you can’t find that, put it after <style> or <style type=”text/css”>

The codes highlighted below are the colours of the pop up box background and the border, you can change them if you like using this website or the more tab on our blog.
image 

3. Find your ask link. It can be tricky to find for some people, but you have to replace it with this code.
It might look like <a href=”/ask”>ask</a> or <a href=”/ask”>message</a> or <a href=”{text:Link one url}”>{text:Link one}</a>
Message me for help with step 3 of adding a pop up ask box if you can’t find it.
You can change ‘MESSAGE’ to whatever you want the title of the link to be.

4. Paste this code after </body> in your theme code.
If you want to add an faq to your pop up ask box, find <center> and put your faq directly after it. Then, add <p> directly after your faq.

PLEASE LOOK HERE BEFORE ASKING QUESTIONS ABOUT THIS TUTORIAL! IT MAY HAVE BEEN ANSWERED!

Credit: megscoding
Please ‘like’ this tutorial if it was helpful! x


This post has 153 notes
Tagged with: #pop up ask and faq #pop up ask/faq #fask #faq #pop ups #popups #pop up window #ask and faq combined #tuts #HTML Tutorial #tutorial blog
  1. thebloggingdemigod reblogged this from easy-html-tutorials and added:
    omg thankyou so much!!