Hey there! Are you ready for a quick and easy tutorial that is going to make your site more pinable? Today I am going to show you how to add a Pinterest hover button in Blogger.
Okay here is what you need to do to add the Pinterst Hover Button in Blogger …
#1. Login to your Blogger Dashboard.
#2. Click on “Template”
#3. Click “Edit HTML”
#4. Click Command F (mac) or Control F (pc) to bring up the “search” box.
#5. You are searching for </body>
#6. Once you find </body> you will need to add this code directly ABOVE </body>
#7. Save!
Snap
Editor at Tauni Everett
- One Word Goal: The Celebration Shoppe
- One Word Goal: 30 Minute Crafts
- Make a Light Reflector- A Quick, Free Trick To Brighter Photos!
- How to Offer A Free Printable On Your Blog
- Customize Block Quotes in Blogger
- How To Make an Image Slider in Blogger
- Add Your Instagram Photos to Your Blogger Sidebar
- A Beginners Guide to Blogger’s Template Designer
Thanks! I knew this had to be something I could do..I just haven’t looked into it!
Have you previously shared how to add the same in WordPress.org?
Tauni wrote a post about the best Pinterest Plugin for WordPress here >>>
https://taunieverett.com/best-pinterest-plugin-for-wordpress/
I coudln’t find in mine! Is there something else I can look for?
Sorry, comment erased the html I was trying to add… I can’t find the body code you mentioned in my template….even when searching for just “body” it doesn’t pull up any results that match the you showed…suggestions?
Make sure if you are using command+F that first you click inside the html box (just click and put your cursor anywhere) then hit command+f.
But it you should definitely have a closing body tag.
It is close to the end of the html. Start at the bottom and start scrolling up. You should find it.
Hope this helps!
Hey, I found it! For some reason, my seach bar wasn’t searching the whole thing, just what was visible on my screen…but once I went down to the bottom of the html and worked my way up I found it. It worked–thanks!
Glad you found it! 🙂
I did this and it worked, but the pin it button is massive and blurry, how do i get it to be small like in your example?
This works great, but do you happen to have a code to remove the Pin-it button from a couple specific images? Thanks!
Cassondra, You actually have to go into the code on each individual image and add “no pin” HTML coding to the image. I haven’t tested it, but it would look something like this:
Good luck! Tauni
Worked beautifully, thank you very much!
I searched for ‘body’ because it didn’t have present. Pasted directly above ‘body’ and it worked fine.
Thanks again.
Thank you for this info. I just added it to my blog. Happy New Year!
Thank you SOOOOO much for this! Just added to my blog! So happy I didn’t have to reach out to anyone for help and I was able to do this. Awesome!
Happy New Year!
~Mel
http://www.thegossipdarling.com
You bet Mel. Glad this worked for you! xo Tauni
I had tried multiple tutorials and this is the only one that my non-techno brain could understand!
I am glad it worked Christina! Good luck with your site. xo Tauni
Thank you for information provided