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='"https://twitter.com/share?url=" + data:post.url + "&title=" + 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('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+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='"mailto:?subject=" + data:post.title + "&body=" + data:post.url'><img alt='Email' height='22' src='https://jagjag.biz/SWemail.png' width='22'/></a>
<a class='xosocial' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + 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='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='nofollow' target='_blank' title='Digg This'><img alt='Digg' height='22' src='https://jagjag.biz/SWdiggit.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='"https://bufferapp.com/add?url=" + 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='"http://reddit.com/submit?url=" + 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='"http://www.tumblr.com/share/link?url=" + 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='"http://vkontakte.ru/share.php?url=" + 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='"http://www.yummly.com/urb/verify?url=" + 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='"https://wa.me?text==Check Out + data:post.url + "' 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 = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[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