JAGeZe Share with: Twitter Pinterest Email LinkedIn Digg StumbleUpon Print Bufferapp LinkedIn LinkedIn LinkedIn LinkedIn WhatsApp About Found this useful? Please consider donating, Thank You! Donate
Home (JAGeZe)

Wednesday, February 20, 2019

Blogger Share Buttons

For those interested in putting "share" buttons in their Blogger/Blogspot blog, this is what I do, the code below being inserted after the "<body..." tag:-

<div>
<a class='xosocial' href='https://jagjag.biz'><img ALT='JAGeZe' border='0' height='22' src='https://jagjag.biz/JAG.gif' width='22'/></a>
Share with:
<a class='xosocial' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter' height='22' src='https://jagjag.biz/SWtwitter.png' width='22'/></a>
<a class='xosocial' href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img alt='Pinterest' height='22' src='https://jagjag.biz/SWpinterest.png' width='22'/></a>
<a class='xosocial' expr:href='&quot;mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:post.url'><img alt='Email' height='22' src='https://jagjag.biz/SWemail.png' width='22'/></a>
<a class='xosocial' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;  + data:post.url' rel='nofollow' target='_blank'><img alt='LinkedIn' height='22' src='https://jagjag.biz/SWlinkedin.png' width='22'/></a>
<a class='xosocial' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='nofollow' target='_blank' title='Digg This'><img alt='Digg' height='22' src='https://jagjag.biz/SWdiggit.png' width='22'/></a>

<a class='xosocial' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Stumble this'><img alt='StumbleUpon' height='22' src='https://jagjag.biz/SWstumbleupon.png' width='22'/></a>
<script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
<a href='javascript:;' onclick='window.print()'><img alt='Print' height='22' src='https://jagjag.biz/SWprint.png' width='22'/></a>
<a class='xosocial' expr:href='&quot;https://bufferapp.com/add?url=&quot;  + data:post.url' rel='nofollow' target='_blank'><img alt='Bufferapp' height='22' src='https://jagjag.biz/SWbuffer.png' width='22'/></a>
<a class='xosocial' expr:href='&quot;http://reddit.com/submit?url=&quot;  + data:post.url' rel='nofollow' target='_blank'><img alt='LinkedIn' height='22' src='https://jagjag.biz/SWreddit.png' width='22'/></a>
<a class='xosocial' expr:href='&quot;http://www.tumblr.com/share/link?url=&quot;  + data:post.url' rel='nofollow' target='_blank'><img alt='LinkedIn' height='22' src='https://jagjag.biz/SWtumblr.png' width='22'/></a>
<a class='xosocial' expr:href='&quot;http://vkontakte.ru/share.php?url=&quot;  + data:post.url' rel='nofollow' target='_blank'><img alt='LinkedIn' height='22' src='https://jagjag.biz/SWvk.png' width='22'/></a>
<a class='xosocial' expr:href='&quot;http://www.yummly.com/urb/verify?url=&quot;  + data:post.url' rel='nofollow' target='_blank'><img alt='LinkedIn' height='22' src='https://jagjag.biz/SWyummly.png' width='22'/></a>
<a class='xosocial' expr:href='&quot;https://wa.me?text==Check Out  + data:post.url + &quot;' rel='nofollow' target='_blank'><img alt='WhatsApp' height='22' src='https://jagjag.biz/SWWhatsApp.png' width='22'/></a>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
  js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
  d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='arial' layout='standard' send='true' show_faces='false'/>
</div>

This is probably not the best way to achieve this but it works for me and should work in other blogs as long as there is a method to allow for insertion of HTML! You are welcome to use this if you find it useful but I do ask that you copy the img *.png files to your own server!
ENJOY!

No comments:

Post a Comment