How to have wordpress social buttons without plugins

wordpress.png

First and foremost get the buttons that you would like to use.  Then download the images and upload them to the /images folder in your current theme.

Edit your theme files, single.php and/or page.php and/or index.php . Copy and paste the code below after <?php the_content(‘Read more &raquo;’); ?>

<div style="clear:both; ">

<div style=”width:65px; float:left;”>

<a href=”http://www.fsdaily.com/submit?url=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>” target=”_blank” rel=”external nofollow”><img src=”http://tuxtraining.com/wp-content/themes/fluid-blue/images/fsdaily.png” style=”padding:0;margin:0;border:none;” alt=”FreeSoftwareDaily” /></a>

</div>

<div style=”width:60px; float:left;”>

<a href=”http://digg.com/submit?phase=2&url=

<?php echo get_permalink() ?>&title=<?php the_title(); ?>”

title=”Digg This” target=”_blank”><img src=”http://tuxtraining.com/wp-content/themes/fluid-blue/images/digg.png” style=”padding:0;margin:0;border:none; alt=”digg”></a></div>

<div style=”width:60px; float:left;”>

<a href=”http://reddit.com/submit?url=<?php the_permalink(); ?>

&title=<?php the_title(); ?>” target=”_blank”

title=”Bookmark on Reddit”><img src=”http://tuxtraining.com/wp-content/themes/fluid-blue/images/reddit.png” style=”padding:0;margin:0;border:none; alt=”reddit”></a></div>

<div style=”width:65px; float:left;”>

<a href=”http://www.stumbleupon.com/submit?url=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>” target=”_blank” rel=”external nofollow”><img src=”http://tuxtraining.com/wp-content/themes/fluid-blue/images/stumbleupon.png” style=”padding:0;margin:0;border:none;” alt=”Stumble” /></a>

</div>

<div style=”width:65px; float:left;”>

<a href=”http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>” target=”_blank” rel=”external nofollow”><img src=”http://tuxtraining.com/wp-content/themes/fluid-blue/images/delicious.png” style=”padding:0;margin:0;border:none;” alt=”Delicious” /></a>

</div>

<div style=”width:65px; float:left;”>

<a href=”http://technorati.com/faves?add=<?php the_permalink() ?>” target=”_blank” rel=”external nofollow”><img src=”http://tuxtraining.com/wp-content/themes/fluid-blue/images/technorati.png” style=”padding:0;margin:0;border:none;” alt=”Technorati” /></a>

</div>

<div style=”width:65px; float:left;”>

<a href=”http://www.facebook.com/sharer.php?u=<?php the_permalink() ?>&amp;t=<?php the_title(); ?>” target=”_blank” rel=”external nofollow”><img src=”http://tuxtraining.com/wp-content/themes/fluid-blue/images/facebook.png” style=”padding:0;margin:0;border:none;” alt=”Facebook” /></a>

</div>

</div>

The following links have more code for other types of social networks. 1, 2

Related Posts

Comments are closed.