Fix Pinterest Amp-Social Share Image_Url Issues Blogger Amp Html Theme

Since July 2017, Pinterest amp-social-share button/plugin displays image_src errors when sharing directly from your blog posts or pages -- even if you have included the meta tags with image_src property values required by Pinterest platform.

amp-social-share used on AMP HTML blogs or websites provides the one click easy to share on most popular social media websites.

On AMP HTML powered blogs, these amp-social-share buttons includes sharing posts/pages from Blogger blogs to social media platform like:-

• Facebook
• Google+
• Twitter
• Pinterest
• WhatsApp

The sharing details is unique between one Blogger post/page to another as the shared data is retrieved dynamically using Blogger constructors.

To proceed, Backup your Blogger AMP HTML theme to your computer using the Backup/Restore button.

• Go to Theme > Edit HTML > press Ctrl F
• Enter amp-social-share inside the search box and press Enter

Find below HTML codes or something similar...

      <amp-social-share type='pinterest' /> 

Replace to below:-

    <b:with value='data:blog.postImageUrl ? resizeImage(data:blog.postImageUrl, 900 , &quot;4:3&quot;) : &quot;&quot;' var='image'>       <amp-social-share type='pinterest' expr:data-param-media='data:image'/>     </b:with>

There may be one or more instances or type='pinterest' used in your Blogger AMP HTML theme codes. Use the built in code editor search kafetaria to find others.

• Click Save Theme
• Refresh and test your Pinterest AMP social share button