I am definitely a beginner when it comes to HTML coding (or any coding for that matter!). Other blog post tutorials have been extremely helpful for me, so I thought I would return the favor in hopes of helping someone in need. Here is a how-to on adding a pin it button (in Blogger):
Step 1: Go to your blog template and click on "edit HTML"
Step 2: Scroll down to the bottom and find the word </body>
Step 3: Copy & paste this HTML code above the word </body> in your blogger template
Side Notes:
This code will give you a generic hover 'pin it' button. If you would like to customize your button you must replace the link in the code after: var bs_pinButtonURL to your customized icon link. You can get a customized picture link from Photobucket or other picture sharing / downloading sites.
If you would like to change the location of where the hover button appears on a picture simply change the word "center" in the HTML code to "topleft" or topright" etc.
And just like that your viewers can pin straight from you blog!
xoxo.
No comments :
Post a Comment