Pages

Monday, 17 August 2015

Different Share Links Codes For Blogger Blogs

Share buttons as most bloggers and webmasters know are very helpful and most probably essential to be available on one's blog and site especially if the contents are meant for public access. They are contributing elements to the creation of vision Web 2.0, an upbeat of Web 1.0 as they help users interact with your blog, rather than just your content as in Web 1.0. Here they help your readers and stumble upons to share your appreciated contents on one or more popular social media which they are active in, a gesture that can bring in new readers and probably grow your fanbase. Believe me it's something everyone wanna have.

The problem however is that to ease things out with the sharing buhaha (lol), social media and third party websites introduced "easy to integrate" share widgets, but of course some are incompatible with our platform and some are modified, ended, upgraded, made premium, etc thus making the once functioning widget obsolete and unavailable.

And such has been the case recently, especially for bloggers using the blogger/blogspot platform and most are reverting back to the default blogger share widgets which are not pretty much engaging.
But luckily for us, most social media that supports sharing have default share links, which even most of their widgets convert into. So if we could take advantage of that and implement it in our blogger templates, then the experience will be "wow" and the engagement increased. We may not totally be able to keep track of our blog sharing statistics but we can't anyway with the default blogger share widgets. So whatever!

Anyway too much talk. Let's just go to the real deal. It's possible and after trying so hard to work it out for different social media, here are some share links for some popular social media that you can add to your blogger blogs. It's been tested and it works well.

For those newbie designers who may not know much about css, here's a default share css you could use. Of course if you're good in css, you're free to improvise to your taste. But before you proceed, don't forget to backup your template.

Open your template, search forand put the following css code just above it.


Save your template.

Note:To use the css above, you need to put the selected share codes from below within the div tag below:





<--- selected share links codes from below goes here --->


Then follow the instructions in this post for how to Add Share Buttons Above/Below Posts both in mobile and desktop. That's why it preceded this post. Then you can pick any of the share links codes below according to the social media you prefer your readers should be permitted to share on. If you already have share widgets placed before, you could look them up and replace them with the codes selected.

Below are different social media and their share codes. As stated earlier, you can copy the ones you deem fit to use on your blog. Though it's advisable to emulate shoutmeloud.comand a few others that uses all. Afterall, It's all for the potential traffic it could generate.

Copy the code from the box

Facebook Share

Twitter Share

Change UrTwitterHandle to your twitter username.



Google+


Pinterest


Linkedin


Pocket


Email


Tumblr


Reddit


Digg


StumbleUpon

Share This Post


Facebook Google+ Twitter WhatsApp

No comments:

Post a Comment