Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to hide Pin It button from images on my website when Chrome plugin is enabled

Hi I have chrome Pinterest plugin installed and when it is enabled, I see "Pin It" button (on hover) on all images on my website, How can i stop "Pin It" button to appear on my website, even when a chrome extension is enabled

After googling, I found the following on a blog:

You can easily disable this as an individual who has installed the extension, but if you don’t want it to conflict with any other social software you may have on your site, all you need to do is add this to ever IMG tag:

<img src="myimage.jpg" data-pin-no-hover />

But that's for single image, is there any other way to override the plugin to disable "pin it" button from chrome extension? using JS/jQuery?

Chrome extension js: http://assets.pinterest.com/ext/cr.js

EDIT

<img src="myimage.jpg" data-pin-no-hover /> doesn't seem to work anymore

like image 830
Saurabh Sharma Avatar asked Mar 06 '14 17:03

Saurabh Sharma


People also ask

How do I remove the Pinterest button from Chrome?

Right-click on the Pinterest Icon and select "Remove from Chrome". Can also be done by clicking on the Chrome Menu (three dots), select "More Tools", then select "Extensions". Find Pininterest and click on "Remove".

Why is Pinterest not working on Chrome?

Fix an issue with the Pinterest browser buttonClear your cache and cookies to remove any temporary files that may be causing issues. Enable Javascript in your browser. Update your browser . Disable other extensions one-by-one to see if an extension is interfering.


1 Answers

Okay I just read the Pinterest documentation, To disable the pinterest on a page or website, just add a meta tag:

<meta name="pinterest" content="nopin" />

And pinterest button will stop appearing on the website anymore.

like image 56
Saurabh Sharma Avatar answered Sep 18 '22 01:09

Saurabh Sharma