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".
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".
3. In the dashboard click Account Settings to adjust your account.
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.
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.
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.
8. Choose the share or bookmark button style what you like then click"Next to step 3. Customize"
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"
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:
<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.
12. I hope you enjoy this tutorial. : D
0 Comment:
Post a Comment