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.
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:
I opted for topright.
Did it work, did it work??