Open Social Link in a New Page

  • ritossa

    #6686

    dear expert friends

    I have an action hook ‘graphene_footer’ where I placed my social media icons (Facebook, Linkedin and Twitter) (http://grupoopus.com/gowp). This is the coding I am using:

    <p style="text-align: right;"><img class="aligntop wp-image-421" src="http://grupoopus.com/gowp/wp-content/uploads/2012/11/facebook_48.png" alt="" width="38" height="38" /><a href="http://www.linkedin.com/profile/view?trk=tyah&locale=en_US&id=218582384"><img class="aligntop wp-image-422" src="http://grupoopus.com/gowp/wp-content/uploads/2012/11/linkedin_48.png" alt="" width="38" height="38" /></a><img class="aligntop wp-image-423" src="http://grupoopus.com/gowp/wp-content/uploads/2012/11/twitter_48.png" alt="" width="38" height="38" /></p>

    It is important to let you know that only Linkedin is active so far.

    I am wondering what should I do in order to open the social link in a new page.

    I do not wish to have my customer leaving my page.

    Thank you.

    Claudia

    Mod

    Kenneth John Odle

    #35249

    Add target="blank" to the anchor tag.

    ritossa

    #35250

    hi kenneth

    it sounds easy.

    but please apologyse my dumbness… what is an anchor tag?

    ritossa

    #35251

    hi kenneth

    after a few trials I managed to have the code work.

    it looks like this:

    <p style="text-align: right;"><img class="aligntop wp-image-421" src="http://grupoopus.com/gowp/wp-content/uploads/2012/11/facebook_48.png" alt="" width="38" height="38" /><a href="http://www.linkedin.com/profile/view?trk=tyah&locale=en_US&id=218582384" target="BLANK"><img class="aligntop wp-image-422" src="http://grupoopus.com/gowp/wp-content/uploads/2012/11/linkedin_48.png" alt="" width="38" height="38" /></a><img class="aligntop wp-image-423" src="http://grupoopus.com/gowp/wp-content/uploads/2012/11/twitter_48.png" alt="" width="38" height="38" /></p>

    thank you!!!!

    Mod

    Kenneth John Odle

    #35252

    This:

    <a href="http://www.linkedin.com/profile/view?trk=tyah&locale=en_US&id=218582384">

    So at the end, you want to add the code I gave you, so it looks like this:

    <a href="http://www.linkedin.com/profile/view?trk=tyah&locale=en_US&id=218582384" target="blank">

    You will need to do that for each anchor tag in your HTML.

    ritossa

    #35253

    thank you so much kenneth!!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.