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
-
Tip: Automatically resize your Blogger post's imagesYou've been blogging along for a while now, inserting your images into your blog posts and sizi…
-
Tip: A better automatic thumbnail and summary script for BloggerWhen we first started creating custom websites using Blogger, one of the first real script needs th…
-
Using Blogger page types to affect your blog designIn many of our tips we recommend wrapping the Javascript code that we're providing in something…
-
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…
-
Tip: Adding interactive captions to your Blogger images on hoverFor a long time I've been disappointed with the way most content management systems provide ima…
-
Featured Blogger Site: Pinch GalleryPinch Gallery in Northampton, MA is a vibrant, eclectic artisan gallery with a focus on art for th…
-
Tip: Cropping (square) and resizing your Picasa/Blogger imagesSomething that we've discovered is that there is more to the crazy URL string that you get when…
Post a Comment
Post a Comment