How to install the Universal Share Button on Blogger

Here is a simple way to insert the Universal Share button right after each Blogger post.

First of all, Copy the script which you'll find here.

Then go to your Blogger Dashboard

Click on Layout

Then Page Elements

Add a Gadget

Then click on HTML/Javascript

Paste the script copied earlier

Save

The buttons should now be visible after each post, but you won't be able to seem them directly on the home page.

Here is a demonstration:

Install the Wikio Universal Share Button for Blogger UK
envoyé par wikioblog. - Vidéos des dernières découvertes technologiques.

In some cases this method may not work properly. No problem! Here is another way to install the Universal Share button under your posts.

Choose the type of button you like most and copy its code:

<a style="float:left" expr:href='"http://www.wikio.co.uk/sharethis?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>
<img src='http://www.wikio.co.uk/shared/images/wikiothis/buttons/wikio_btn_partager_plain_en.gif' alt='http://www.wikio.co.uk' style='border-style:none;padding:0.1em;'/>
</a>

<a style="float:left" expr:href='"http://www.wikio.co.uk/sharethis?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>
<img src='http://www.wikio.co.uk/shared/images/wikiothis/buttons/wikio_btn_partager_rounded_en.png' alt='http://www.wikio.co.uk' style='border-style:none;padding:0.1em;'/>
</a>

<a style="float:left" expr:href='"http://www.wikio.co.uk/sharethis?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>
<img src='http://www.wikio.co.uk/shared/images/wikiothis/buttons/wikio_btn_partager_rounded-open_en.png' alt='http://www.wikio.co.uk' style='border-style:none;padding:0.1em;'/>
</a>

<a style="float:left" expr:href='"http://www.wikio.co.uk/sharethis?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>
<img src='http://www.wikio.co.uk/shared/images/wikiothis/buttons/wikio_btn_partager_plain-blue_en.gif' alt='http://www.wikio.co.uk' style='border-style:none;padding:0.1em;'/>
</a>

<a style="float:left" expr:href='"http://www.wikio.co.uk/sharethis?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>
<img src='http://www.wikio.co.uk/shared/images/wikiothis/buttons/wikio_btn_partager_rounded-blue_en.png' alt='http://www.wikio.co.uk' style='border-style:none;padding:0.1em;'/>
</a>

<a style="float:left" expr:href='"http://www.wikio.co.uk/sharethis?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>
<img src='http://www.wikio.co.uk/shared/images/wikiothis/buttons/wikio_btn_partager_rounded-open-blue_en.png' alt='http://www.wikio.co.uk' style='border-style:none;padding:0.1em;'/>
</a>

Then go to you Blogger Dashboard

Go to Layout

Click on Edit HTML

Tick Expand Widget Templates

Paste the code copied earlier just before this line: <span class='post-comment-link'>

(Don't forget you can easily find that bit of code by hitting Ctrl+F on your keyboard and searching for it)

Then click on Save Template

The button is installed under each post

Here is a demonstration:

Install the Wikio Share Button for Blogger UK (2nd method)
envoyé par wikioblog. - Vidéos des dernières découvertes technologiques.