CODEWITHSUNDEEP
javascriptsharingpinterest
Overloard
Overloard

Reputation: 235

Pinterest Code - How to open in a Pop up window

I am new to all this coding stuff, so please take it easy on me...

Yesterday I spent hours finding and implementing a Pinterest Hover Sharing button on my blog. I finally managed to install it and understand the code. Anyway, the button shows fine and works, but I hate that when the button is clicked, it opens in a New Tab. I want it to open in a pop up window... Is it possible to make this happen?

Here is the code I am using, it is in my Blog's HTML area.

<script>
//<![CDATA[
var bs_pinButtonURL = "http://2.bp.blogspot.com/-rwtYRUjgDok/UiJ-EfGfrbI/AAAAAAAAAXg/QXRpDUzaa6s/s1600/Pinterest+Red.png";
var bs_pinButtonPos = "topright";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
</script>

Hope someone can help me out, thanks.. :)

Upvotes: 1

Views: 5659

Answers (1)

Rece
Rece

Reputation: 67

This is what I use.

<div class="sprite pintrest-logo" onclick="window.open(
'//pinterest.com/pin/create/button/?url=SITE_URL&amp;media=MEDIA_URL&amp;description=DESCRIPTION,
//'facebook-share-dialog', I honestly cannot remember if this is necessary and am not able to test currently. Will update when I find out
'width=750,height=288');    
return false;"></div>

Basically it takes the stuff that normally opens in a new tab, and instead opens it in a popup window

Hope this helps

Upvotes: 1

Related Questions