Loading
Rujacksalad


Making A Share Or Bookmark Button By Using ShareThis





In this content Rujacksalad posts about "Making A Share Or Bookmark Button By Using ShareThis"

Making a share or bookmark button is very easy because you just copy paste the javascript into your website or blog. Share or Bookmark button is very important to help the visitors share or bookmark the website or blog page easily and quickly. In previous post I made tutorial making sharing button by using AddThis (you can read this tutorial about "Making a Share or Bookmark Button By Using AddThis" first).  ShareThis is an another popular website that serve automatic a share or bookmark button and ShareThis is very similar to the AddThis.

Okay, let's get started to make a share or bookmark button by using ShareThis.

1. Open Addthis http://sharethis.com/. Then click "Create  Account".

Making A Share Or Bookmark Button By Using ShareThis

2. In This section you can directly sign up with Social Media account such as Facebook, Twitter, Linked In, Yahoo, And Google. Or you sign up with new blank account by filling your Email Address and Password, Then Click I agree the terms of policy and Click "Create Account".


Making A Share Or Bookmark Button By Using ShareThis

3. In the dashboard click Account Settings to adjust your account.

Making A Share Or Bookmark Button By Using ShareThis

4. In the Account Setting section, you can adjust your name, username, email address, and pasword. You can link your account to your Social Media account such as Facebook, Twitter, Linked In, Yahoo!, and Google. And the last thing you can deactiate your ShareThis account.

Making A Share Or Bookmark Button By Using ShareThis


5. Click "My Account" to be back to the the ShareThis dashboard.

Making A Share Or Bookmark Button By Using ShareThis


6. After you are back to the ShareThis dashboard the look at the "Publisher Tools" section the click "Other ShareThis WIdgets" to get your share or bookmark button.

Making A Share Or Bookmark Button By Using ShareThis


7. In the Step 1 of making a share or bookmark button choose your webiste or blog Platform such as Wordpress, Drupal, Joomla, Blogger, TypePad, Tumblr, Posterous, Newsletter, and iOS.

Making A Share Or Bookmark Button By Using ShareThis

8. Choose the share or bookmark button style what you like then click"Next to step 3. Customize"

Making A Share Or Bookmark Button By Using ShareThis

9. Customize the settings of the social or bookmark button what you've choosed in previous step. In this step you can see the preview of the share or bookmark button what you are setting. Then Click "Finish: Get the Code"

Making A Share Or Bookmark Button By Using ShareThis


10. Then there are two script that you must copy paste to your website or blog, the first script it must be in the head tag, example:

Making A Share Or Bookmark Button By Using ShareThis

<head>
..........
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>
......
</head>


and the second script, you must copy it at the end of page. example:

<script type="text/javascript">stLight.options({publisher: "61eb2e5e-34ec-41ce-9a5d-7baa7f206c7f", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<script>
var options={ "publisher": "YOURID", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
"BEFORE"
</body>


11. The preview of the share or bookmark button what i've made it look like the picture below.

Making A Share Or Bookmark Button By Using ShareThis

12. I hope you enjoy this tutorial. : D

0 Comment:

Google Plus  Twitter  Youtube  RSS Feedburner

Categories

Computer
Creative
Gadget
Game
Hardware
Internet
Laptop
Movie
Music
Phone
Photography
Software
Tablet