How to Add Digg & Facebook Links to Tumblr
Digg and Facebook both offer links in the form of buttons, which you can publish to your Tumblr site. When a visitor clicks the button, she has the ability to share your content with friends, and help promote your work. Each of these social networking sites provides the code necessary to display a ready-made button on your pages. Edit your Tumblr code to add Digg and Facebook links where you like.
Other People Are Reading
Instructions
-
Digg
-
1
Bring up the Digg "Integrate: The Digg Button" page in your Web browser.
-
2
Copy the code that appears in the text box on the page. Further, copy the <a> tag line that contains the Digg button design you prefer. For instance, the complete code for the wide button link is the following:
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<!-- Wide Button -->
<a class="DiggThisButton DiggWide"></a>
-
-
3
Log in to your Tumblr account, click your site's link at the top, then click the "Customize appearance" button that appears. Click the "Theme" link that displays to open the window that contains your site's code.
-
4
Position your cursor before the ending </head> tag, and paste in the code from the Digg page. Click the "Update preview" button to continue.
-
5
Find a spot anywhere between the <body></body> elements where you want your Digg link to show up. Enter the <a> tag line (for example, <a class="DiggThisButton DiggWide"></a>). Click the "Save + Close" button in the top, right corner to publish your Digg button.
Facebook
-
6
Point your browser to the Facebook Developers "Social Plugins" page to select the button you want to display. For instance, click the "Send Button" to choose the link that enables viewers to share your content with friends.
-
7
Type the requested information, such as your URL, in the provided fields, and use the remaining menus on the page to design the button's appearance. A preview of the button appears to the right.
-
8
Click the "Get Code" button, and copy the syntax that displays under the iframe title.
-
9
Access your Tumblr page, and navigate to your site's code.
-
10
Paste your Facebook code between the body tags where you want your link to appear. Click the "Save + Close" button to finish.
-
1
