Adding Pinterest correct to your Blogger site can be a bit challenging; most people take the easy way out and add it site-wide as opposed to adding it to the specific post footer code. Why is it better to add it to the specific post footer? Because you can add default descriptive information into the pin!
The following code (here's the clean version) and instructions show you how to add the button to your post footer next to all of your other social sharing buttons.
Go to the template editor, Edit the HTML, check the box to expand the widget template, search for:
<b:includable id="shareButtons" var="post">
Scroll down that section of code where are the share buttons are, and about the last line or so you'll see:
<b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container' style='width: 32px; overflow: hidden;'><data:post.dummyTag/></div></b:if>
Add the following code right before that line:
<div class='goog-inline-block dummy-container'><a href='javascript:void((function()%7Bvar%20e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999); document.body.appendChild(e)%7D)());'><img alt='Pin It' onclick='doPinIt();' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibbk_81wrTAABemQSaDhk5bGZBe6_q_iBpfs8hahrVODnkSURy-f4_pI0dw03xrCEzKIXkBWRyYvcwYdTDQ94Y1fm-RB9czIMYOXFfTktNJrXkNUB6ipgiWhVv2b3nfOsQCBhcBrNSbtw/' style='margin-top: -3px; margin-right: 0; margin-bottom: 0; border: 0; padding: 0;'/></a></div>
Before you go overboard on social sharing buttons please read this article: Forget Facebook, keep your fans to yourself!
Home
›
beginner
›
blogger
›
blogspot
›
intermediate
›
layout
›
pinterest
›
share buttons
›
social media
›
template
›
tip
Related Posts
Popular
-
Opinion: Forget about SEO, develop a user-centric content strategyWe don't like talking about Search Engine Optimization, nor do we like focusing on it in any si…
-
Tip: Understanding the Atom/RSS feeds created by BloggerIf you've heard of RSS feeds, you probably know that they're a way for your site's fans…
-
Tip: A grid of post thumbnails for index/listing pagesOur thumbnail and summary script was such a success that people have been asking us for further an…
-
Hangout on Air: Blogging for Your BusinessI'm sorry to be delinquent in posting this Hangout on Air (especially as we did one today which…
-
Transforming Blogger's Popular Posts widget into a slideshowWhy didn't we think of this sooner?!?!? Most blogs on +Blogger take advantage of the Popular …
-
Question: Can I use my own domain name with my Blogger site? Will hosting still be free?Coming across a blog that is using a blogspot.com address, like yourblog.blogspot.com , tells us on…
-
Tip: Updated way to remove the Blogger NavbarIt's been a while since we took a look at the Blogger navbar, mainly because we simply got in t…
Post a Comment
Post a Comment