If This Blog Has Helped You! Please Share It With Your Friends!

Blogger Addi Quick Tip # 3:
Allowing Readers to Share Your Valuable Content

We found another nifty wonderful little sharing tool that works great with Google's blogger platform. ShareThis offers a hovering side bar for allowing your friends to share your awe inspiring blog post.

Its pretty simple to install on Google's blogger platform. You should head over to the ShareThis site and get the the code to install within your Html of your template.

1.) Set up an account with ShareThis. They track how many times someone shares your content.

2.) Next click on the LABS link at the top of their website. Scroll down to the article post that says "Hovering Buttons - Beta" and click on it, now click the get it now button. It will take you to the coding to place on your blog. Here you can choose if you want it to be on the left or right side. Remember people read from left to right. Now copy and paste each of the codes onto notepad and save it on your desktop.

This section of coding goes into the header part of your html template.
Header: <head>

<script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js%22%3E%3C/script%3E%3Cscript type="text/javascript" src="http://s.sharethis.com/loader.js%22%3E%3C/script>
This part of the coding goes into the bottom of your html template coding.
Ending Page: put before code <body>
<script>var options={"publisher":"340b0283-a40d-43d4-b14d-a58fc94a2b3d","position":"left","ad":{"visible":true,"openDelay":"5","closeDelay":"0"}}; var st_hover_widget = new sharethis.widgets.hoverbuttons(options);</script>
3.) Now sign into Blogger; look for the TEMPLATE link. Click on it. Now you should be looking at a Customize or Edit HTML links. You want Edit Html, click it.

4.) Look in the coding find the code that says <head>. Right click and paste the first script code behind the <head> and save Template. Now scroll all the way down to the bottom of html coding; copy and paste the 2nd script code before the <body> into the bottom part of your html template code and save template.

That wasn't too hard. Stay tuned and we will bring you more tips on how to build a better blog.

Linda @ Blogger Addi
*~~~~~~~~~~~~~*






2 comments:

AAD said...

Thankyou for the helpful information...

Jackie Paulson said...

Thanks for the great tip today Love it

Follow & Like Blogger Addi

If I haven't thanked YOU on Facebook or Twitter for the following. I personally want to THANK you here @BloggerAddi.

Join Blogger Addi

Google's PM - B. Polderman

Google's PM - B. Polderman
Thank You! Bruce

Why Are You a Blogger?

Search

Loading...
Powered by Blogger.

Blog Archive

Bloggers.com

Linda - Find me on Bloggers.com

About Blogger Addi

At Blogger Addi we share tips and tricks to improving Google's Blogspot blogger platform from blog design, templates, widgets, layouts, social sharing tools, Java script, and more.

Get Our Updates

Join us by signing up for our updates:

Delivered by FeedBurner

Popular Posts

Blogger Addi Roll

A Fresh Design

A Fresh Design

Total Pageviews