Saturday Sessions: How To Install a Pin It Button On Your Blogger Blog | Venus Trapped in Mars || Dallas
Venus Trapped in Mars Sports and Lifestyle Blog Dallas

12 October 2013

Saturday Sessions: How To Install a Pin It Button On Your Blogger Blog

How to Install A Pin It Button On Your Blogger Blog



I'm super pumped because I'm starting to have lots of requests for Saturday Sessions tutorials! If I haven't done a request you submitted, just be patient with me, there are only so many Saturdays in a week........... as in one. It sure would be nice if there were more though. I'd allow it. 

This week's Saturday Sessions tutorial comes to us from Dog Hair Lover Adriana, requesting a "Pin-It Button" tutorial. Most tutorials I do, I think are pretty easy. This one is much more difficult, so be sure to follow the directions precisely. 

Remember, be sure to backup your blog first before operating heavy HTML machinery.









Step One: Design Your Button. 
Although I always design in Photoshop, PicMonkey is just as good for designing a "Pin-It" button. I want my button to be pretty small so it doesn't overshadow the entire picture. I'm going to make mine 50x50px. I'm not going to go in detail about designing in PicMonkey, if you want more help with designing the button, use this tutorial here

Step Two: Upload Your Button to Photo Bucket.
Or another image hosting website. 








Step Three: WARNING, HTML AHEAD! 
Go to your blog's dashboard, find and click template on the left side, then edit HTML.
Right ABOVE that tag, you will copy and paste this code:


Where it says YOUR_URL_HERE
Replace that with the direct link provided in Photo Bucket. 
You can also replace center in that 4th line if you want your pin it button to be located in a different place. You can replace center with:

topleft
topright
bottomleft
bottomright

I opted for topright. 

Here is what my finished HTML script looks like:




Did you do all this? Then click "Save Template"
Did it work, did it work??