Wednesday, August 15, 2012

create Your Social Network Buttons Without Using Any Plugin


In this post I will show you how to add your WordPress social network buttons without using any plugin. After this you will learn how to embed them in any place. The functionality is that you download or create your buttons in Photoshop. You can download the social network icons here.
social network buttons To create social network buttons without using plugins
Next, you need to code your buttons.
Create a folder named images inside your theme folder.
Copy your desired social network icons to the images folder inside your theme folder.
Then code your buttons:

Twitter

<a href="http://twitter.com/home/?status=<?php the_title(); ?> : <?php the_permalink(); ?>" title="Tweet this!">
<img src="<?php bloginfo('template_directory'); ?>/images/twitter.png" alt="Tweet this!" /></a>

Facebook

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;amp;t=<?php the_title(); ?>" title="Share on Facebook.">
<img src="<?php bloginfo('template_directory'); ?>/images/facebook.png" alt="Share on Facebook" id="sharethis-last" /></a>

Stumbleupon

<a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="StumbleUpon.">
<img src="<?php bloginfo('template_directory'); ?>/images/stumbleupon.png" alt="StumbleUpon" /></a>

Reddit

<a href="http://www.reddit.com/submit?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Vote on Reddit.">
<img src="<?php bloginfo('template_directory'); ?>/images/reddit.png" alt="Reddit" /></a>

Digg

<a href="http://digg.com/submit?phase=2&amp;amp;url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Digg this!">
<img src="<?php bloginfo('template_directory'); ?>/images/digg.png" alt="Digg This!" /></a>

Delicious

<a href="http://del.icio.us/post?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Bookmark on Delicious.">
<img src="<?php bloginfo('template_directory'); ?>/images/delicious.png" alt="Bookmark on Delicious" /></a>

Copy and paste the code inside your theme at the location desired by you.It’s done. You have created social network buttons without using any WordPress Or Blogger plugin.

No comments:

Post a Comment