Making Top Menu Links open in new window in Artisteer blogs

By default in templates created with Artisteer the top menu links open in the same window and we can not use when adding our link the target="_blank" option if we want to open the links in a new window or tab. In the next tutorial I will show you how to modify the code in your template , for allowing the links to open in a new window/tab.


1. Log in to your dashboard--> Design- -> Edit HTML 

2. Search "Ctrl+F" and find the following code:

jQuery("ul.art-hmenu").append('<li><a href="'+itemlink+'"><span 
class="l"></span><span class="r"></span><span class="t">'+itemname+'</span>
</a></li>');

Replace the red line with:

<a href="'+itemlink+'" target="_blank">

This will make the links in the navbar open in new windows.

3. To make the links in the sub-menus open in new windows follow the next steps.

For the first sub-menu find:

if (subList1.length == 0 ) subList1 = jQuery("<ul></ul>");
                subList1.append('<li>
<a href="'+itemlink+'">'+itemname.substr(1,itemname.length)+'</a></li>');

Replace the red line with:

<a href="'+itemlink+'" target="_blank">

For the second sub-menu find:

if (subList2.length == 0 ) subList2 = jQuery("<ul></ul>");
                subList2.append('<li>
<a href="'+itemlink+'">'+itemname.substr(2,itemname.length)+'</a></li>');

Replace the red line with:

<a href="'+itemlink+'" target="_blank">

For the third sub-menu find:

if (subList3.length == 0 ) subList3 = jQuery("<ul></ul>");
                subList3.append('<li>
<a href="'+itemlink+'">'+itemname.substr(3,itemname.length)+'</a></li>');

Replace the red line with:

<a href="'+itemlink+'" target="_blank">

4. Save the template. Now all the links in the Top Menu will open in new windows.

DEMO