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
-
Loops, loop positions, and isFirst variables in BloggerLooping through the listing of blog posts <b:loop values='data:posts' var='post'…
-
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: 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…
-
Tip: Removing default spacing between images in BloggerSometime in the switch to the new interface (perhaps?) a new default behavior was added to Blogger:…
-
Using Namecheap as your Domain provider with BloggerOur advice for anyone with a blog on +Blogger is that the moment you feel you'd be sad if you…
-
Tip: Using Masonry to create a fluid layout for your BlogAre you a fan of Pinterest , and like the way that they have a fluid layout of boxes down the site,…
-
Tip: Making the comment link more intuitive for BloggerWe came across a comment on Google+ this morning that had us scratching our heads, mainly because …
Post a Comment
Post a Comment