Pinterest recently announced new functionality for "Rich Pins" for Pinterest for different types of pins (product, recipe, movie, or article).
As we're a blog, and support lots of bloggers on +Blogger, we've created instructions for setting up these Rich Pins for Blogger so that you can validate them and have them approved..
And if you're looking for quick instructions to add a Pin It button to your Blogger blog, give these instructions a read.
Step 1: search for this line
Run a search for this line of code in your Template
<b:includable id='post' var='post'>
Step 2: add the following
Below the line you found in Step 1, add the following:
<meta expr:content='data:post.title' property='og:title'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:post.timestampISO8601' property='article:published_time'/>
<meta content='Technology' property='article:section'/>
<b:loop values='data:post.labels' var='label'>
<meta expr:content='data:label.name' property='article:tag'/>
</b:loop>
Change the last line from "Technology" to whatever section you want to be in.
Step 3: save your template
Congratulations! Test out the new code with the validator and you should be good to go!
Popular
-
Hangout on Air: Friday Request Line for 10/19/2012Less is more, user-centric design, focusing on your user experience, and lots of template manipulat…
-
Featured Blogger Site: Pinch GalleryPinch Gallery in Northampton, MA is a vibrant, eclectic artisan gallery with a focus on art for th…
-
Question: Why is my Blogger blog not displaying correctly in IE 9?As web developers we learn to live with what we call "cross-browser compatibility" issues…
-
Question: Need help moving from Wordpress to Blogger?There are a number of reasons why we recommend using Blogger instead of Wordpress including: 1) fre…
-
Tip: Easy instructions for adding Pinterest to each postAdding Pinterest correct to your Blogger site can be a bit challenging; most people take the easy w…
-
Tip: How do I remove the Blogger bar at the top of my site?This is, far and away, the #1 question we're asked when people see the work we've done with…
-
Transforming a Blogger RSS feed into a slideshowThis tip was created by us to solve a challenge that one of our readers left for us on our Resizing…
Post a Comment
Post a Comment