Venus Trapped in Mars Sports and Lifestyle Blog Dallas

17 May 2016

Fix Pin It Hover Button Not Showing Up in Blogger

Pin It Hover Button Not Showing UpPin it hover button not showing up on your blogger blog? When you hover your mouse over an image, has the pin it button disappeared? You need this post that will fix the Hover Pin It Button Issue on Blogger Blog. Also, if you need the original tutorial for installing a pin it button on your blogger blog, you can find that here: Install a Custom Pin It Button On Your Blogger Blog




I first noticed that my blog's pin it button magically disappeared last Friday when I went to pin an image for a sponsored post. Being a firm believer that nothing just stops working without explanation, I set out to get the issue fixed.  I quickly realized that the coding from Bloggersentral was down. 

I then set out to find another way of having a custom pin it hover button. NOTHING. 

Seriously people, nothing. If you have a custom pin it button, and you are on blogger, then your pin it button is currently not working. Every single tutorial I found on the internet linked to Bloggersentral's script. I tried emailing them, I tried tweeting them, I also noticed that other people were trying to contact them over the issue as well. All with no response from them. Yikes. 

After what I swear to you was HOURS of searching, I found a solution on twitter of all places. I searched "pin it hover" and saw a tweet from an account called Georgia Lou that seemed promising. The link in their tweet didn't work, but I managed to track down the post with their solution to the problem. I had to tweak the code a bit to get it to work on my blog, but I finally got my pin it button up and running again. I swear to you I had tears in my eyes. Ok, maybe not, but I was overjoyed.

I'm a little bit nuts when it comes to solving blog related problems. I can't stop until I've got a solution. If you have a blogger template from me that I've recently installed, I went ahead and made the change for you, so you're all good! 

NOTE: If you have a blogger blog, and you have a custom pin it button, there's a 95% chance yours is not currently working. This will fix it. 

1. Back up your current template
Before you ever make edits to your blog, do a backup. 
Go to TEMPLATE
Backup/Restore
Download Full Template







2. Search for the code you'll need to edit
Go to TEMPLATE on the left side of your dashboard
Click Edit HTML
Click your mouse anywhere inside that text box full of coding that pops up. 
If you're on PC hit CTRL + F... If you're on Mac hit Command + F to open the search box
Search for "Bloggersentral

3. Find the following code:
WE will be replacing this code but FIRST, you'll want to copy the link to your pin it button, so you don't lose that. You'll find that link located in the 4th line. Copy that link into a text editor or somewhere you can access it in just a minute.

As you can see mine is:
http://i979.photobucket.com/albums/ae274/venustrappedinmars/venustrappedinmars108/pinit.png


4. Replace that code with the following code

Replace all of that code above, with this code: 




5. Make the edits for YOUR blog...

In line 3, where it says YOUR_URL_HERE be sure to paste that URL link to your pin it button that you copied from step 3.

*Note, be sure to leave the quotation marks surrounding that URL. 

Also, under the URL, you can move the location of your pin it button. I always have mine in the CENTER, but you can also do the following placements:

topleft
topright
bottomleft
bottomright

6. Save Template
The code in the light blue box below is what yours should look like now. 
If it does, click Save Template








 
Now this is a little complicated, so just a reminder again to PLEASE backup your template before you start any heavy code lifting! If you have any questions, just let me know, I'll do my best to help. 

If this was helpful, I'd sure love it if you'd either pin this or save this post on bloglovin! It was nearly impossible to find the solution to this problem, and I think bloggers are going to be searching high and low for a fix to the disappearing Pin It Hover Button! 


24 comments :

  1. you are seriously such a genius at this! it blows my mind! pinning this of course!

    ReplyDelete
  2. OH MY GOOOOOSH! Thank you! I've been trying to figure this out. Bless you. :) Saved!

    www.kristajacobs.blogspot.com

    ReplyDelete
  3. Great info! I bet this is so helpful for so many people.

    ReplyDelete
  4. I was just trying to solve this issue yesterday! Thank you gal . . . you're awesome!

    ReplyDelete
  5. Okay so I tried this and it didn't work for me, BUT I also didn't eff my blog up, so I'm gonna call that a win and try again later haha

    ReplyDelete
  6. It didn't work for me :( Maybe bloggersentral is still down.

    ReplyDelete
  7. I've been searching all over for a fix!! Thank you so much.

    ReplyDelete
  8. THANK YOU THANK YOU THANK YOU!!!!!!!!!!!!! You're a lifesaver!

    ReplyDelete
  9. Thank you so much! I thought I fucked my code up somehow when I changed my layout. Then I remembered it was working after I changed my layout. Fixed *and* updated my pin it image. Woot, thank you soooooo much!

    ReplyDelete
  10. THANK YOU! Seriously, this was driving me insane and now it works. You are the best!

    ReplyDelete
  11. Thank you!! I was wondering what I had screwed up to make it disappear!

    ReplyDelete
  12. YES! THANK YOU! I would normally spend hours looking for a fix, but it only took me a couple of seconds to follow your instructions and get it up and running again. It was such a relief to find out that this was a bigger glitch than just something that I unknowingly did to ruin my blog that I could never figure out on my own. Thanks again!

    ReplyDelete
  13. FINALLY got around to doing this, and just wanted to say that you rock - thank you!!

    Meg, Borrowed Heaven

    ReplyDelete
  14. THANK YOU!!!!!!! This was SUCH a life saver! I've been so frustrated about this for weeks and now my button is back!!!!!! You are amazing! Thank you for sharing!!!!

    ReplyDelete
  15. You are freakin' amazing! THANKYOU!

    ReplyDelete

Comments make my heart go boom boom.

I respond to all comments, if you are leaving me comments and not getting a reply, you may be a no-reply blogger. Fix it HERE!