Sunday 10 August 2014

Add Digg & Facebook Links to Tumblr

Digg and Facebook each supply links within the type of buttons, that you'll be able to publish to your Tumblr website. once a visitant clicks the button, she has the power to share your content with friends, and facilitate promote your work. every of those social networking sites provides the code necessary to show a ready-made button on your pages. Edit your Tumblr code to feature Digg and Facebook links wherever you prefer.

Instructions
Digg

Step 1

Bring up the Digg "Integrate: The Digg Button" page in your application program.

Step 2

Copy the code that seems within the text box on the page. Further, copy the line that contains the Digg button style you like. for example, the entire code for the wide button link is that the following:

<script type="text/javascript">

(function() {

var s = document.createElement('SCRIPT'), sStep 1 = document.getElementsByTagName('SCRIPT')[0];

s.type = 'text/javascript';

s.async = true;

s.src = 'http://widgets.digg.com/buttons.js';

sStep 1.parentNode.insertBefore(s, sStep 1);

})();

</script>

<!-- Wide Button -->

<a class="DiggThisButton DiggWide"></a>


Step 3

Log in to your Tumblr account, click your site's link at the highest, then click the "Customize appearance" button that seems. Click the "Theme" link that displays to open the window that contains your site's code.

Step 4
Position your pointer before the ending tag, and paste within the code from the Digg page. Click the "Update preview" button to continue.

Step 5
Find a spot anyplace between the components wherever you would like your Digg link to point out up. Enter the line (for example, ). Click the "Save + Close" button within the high, right corner to publish your Digg button.

Facebook

Step 6

Point your browser to the Facebook Developers "Social Plugins" page to pick the button you would like to show. for example, click the "Send Button" to settle on the link that allows viewers to share your content with friends.

Step 7

Type the requested data, like your uniform resource locator, within the provided fields, and use the remaining menus on the page to style the button's look. A preview of the button seems to the correct.

Step 8

Click the "Get Code" button, and duplicate the syntax that displays underneath the iframe title.

Step 9
Access your Tumblr page, and navigate to your site's code.

Step 10
Paste your Facebook code between the body tags wherever you would like your link to look. Click the "Save + Close" button to complete.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Affiliate Network Reviews