This Blogger tutorial is about how to fix the Pinterest share button on Blogspot that doesn't display the post title you want to share. Not only that, it turns out that the thumbnail of the article also looks blurry, appears in the resolution below with a small size. This problem is only experienced by Blogger templates that install a share button widget without JavaScript or without plugins. So, for those whose blogs have a share button widget installed using JavaScript, for example JavaScript from SumoMe, Addthis, Sharethis and others, don't need to worry, all the buttons run smoothly.
Now for Blogger users who use the share button widget without JavaScript and also display a share button for Pinterest, fix the button code immediately. Because when you use the Pinterest button, it will likely look like this:
How to fix a Pinterest share button like that is as follows.
Look for the following code (or something similar):<li> <a class = 'pt' expr: href = '& quot; http: //pinterest.com/pin/create/button/? url = & quot; + data: post.url + & quot; & amp; media = & quot; + data: post.thumbnailUrl + & quot; & amp; amp; description = + data: post.title & quot; ' onclick = 'window.open (this.href, & quot; popupwindow & quot;, & quot; status = 0, height = 500, width = 500, resizable = 0, top = 50, left = 100 & quot;); return false;' target = '_ blank'> <i class = 'fa fa-pinterest' /> </a> </li>
Replace the code with this:
<li> <a class = "pt" expr: href = '& quot; http: //pinterest.com/pin/create/button/? url = & quot; + data: post.url + & quot; & amp; media = & quot; + data: blog.postImageUrl + & quot; & amp; description = & quot; + data: blog.pageName 'onclick =' window.open (this.href, & apos; windowName & apos ;, & apos; width = 550, height = 600, left = 24, top = 24, scrollbars, resizable & apos;); return false; ' rel = 'nofollow'> <i class = 'fa fa-pinterest' /> </a> </li>
Save Theme
Note:
Please adjust the elements
Please adjust the elements
IDor Classbuttons according to the CSS that you previously created in the template.Thus, the problem of blurry images and article titles that do not appear when using the Pinterest share button has been resolved. The result will be like this:
To see the demo, please use the Pinterest share button on the following Easy template:
Finally, that's how to fix Pinterest's share button not showing article titles and thumbnail images that look blurry.
Hopefully useful and good luck!