open multiple links
Open multiple links with single hyperlink

Hello guys, today I want to show you how you can open up multiple links using a single click.
The method behind this trick is to put multiple links on single hyperlink.

This is the normal link would look like.

<a href=”YOUR-LINK” alt=”_blank”>YOUR ANCHOR TEXT</a>

Let say you want to open two links when a visitor clicks a link, what you have to do is modify above code and add this code

onclick=”window.open(&quot;YOUR-2nd-LINK&quot;);”

just before first closing bracket “>” symbol.

And the new code would be like this

<a href=”YOUR-LINK” onclick=”window.open(&quot;YOUR-2nd-LINK&quot;);” >YOUR ANCHOR TEXT</a>

But I use another approach and use below code instead to open two links. Using above approach, I can’t figure out how to open the first link in new tab as I already added alt=”blank” to the code. But the below approach does work.

<a target=”_blank” onclick=”window.open(&quot;YOUR-LINK&quot;); window.open(&quot;YOUR-2nd-LINK&quot;);” >YOUR ANCHOR TEXT</a>

Here a demo, Click to open two links in new tabs.

To open three links it would be like this

<a target=”_blank” onclick=”window.open(&quot;YOUR-LINK&quot;); window.open(&quot;YOUR-2nd-LINK&quot;); window.open(&quot;YOUR-3nd-LINK&quot;);” >YOUR ANCHOR TEXT</a>

Click to open two links in new tabs.

And if you want add more link, press spacebar once before ” >YOUR ANCHOR TEXT</a> and insert window.open(&quot;YOUR-NEW-LINK&quot;);.

Hope this will be helpful.

And before I end this post, you should consider what for actually you apply this trick and what your readers would think of this method. I personally would feel weird if a site that I visit opens up multiple tabs when I click on a link.

Update: I changed the code a bit because it did not work anymore. Previously there was href=”#” in the code, however, if I add it now, my browser (Firefox) will open three tabs for the link with two sites which the third is this post you are reading. I think it is due to browser compatibility with the code and I don’t think it is because of blogging platform that I use. Previously I used Blogger and Now WordPress. Without the href, the mouse cursor won’t change into hand when hovered on the hyperlink but it does work, at least for me, for now.

By Toji Ali

Terima kasih sudi singgah ke blog yang tak seberapa ini. Harap ada manfaat yang anda dapat dari sini. Blogging untuk suka-suka saja.

Tinggalkan Balasan

Alamat e-mel anda tidak akan disiarkan. Medan diperlukan ditanda dengan *