Categories

Featured templates

JS Animated. How to assign target=”_blank” for links

Margarett Ortiz June 2, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

This tutorial shows how to assign target =”_blank” for links in JS Animated templates.

JS Animated. How to assign target=”_blank” for links

In order to assign target =”_blank” to any word, you have to open a proper html page and find a needed word.

  1. First of all, open your cpanel file manager section and look for needed html file in the root of your public_html folder:

    HTML_._How_to_assign_target_blank-1
  2. Open the corresponding html file for editing and locate the needed word.

  3. This code has to be added to the needed place:

    <a class="links" onclick="javascript:window.open('link url here', '_blank')">CLICK HERE</a>
    	
    HTML_._How_to_assign_target_blank-2
  4. Instead of ‘link url here’ you can set any link, for example we will link to ‘ https://twitter.com/ ‘, and instead of CLICK HERE you should write a proper word, so our code will look like the following one:

    <a class="links" onclick="javascript:window.open('https://twitter.com/', '_blank')">News</a>
  5. Then click on Save Changes button.

  6. In order to see cursor pointer when you hover on needed text link, you have to add this css code in style.css file:

    .links {
    cursor: pointer;
    }
    
    HTML_._How_to_assign_target_blank-3

Feel free to check the detailed video tutorial below:

JS Animated. How to assign target=”_blank” for links
This entry was posted in JS Animated tutorials and tagged blank, HTML, new, target, window. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket