How to install custom sharing icons in Genesis (& 5 sets of free buttons)

5 Free Sets Sharing Icons for your BlogThese sharing buttons will suit a nice clean theme. Minimalist in design, focusing on text.

Download link is below the image.

Easy Installation Tip for Widgets:

Add the image you’d like to a new post screen. Add the link in the edit image screen as usual. When you’re finished, switch to the ‘Text” view and copy the HTML. Paste that HTML into a text widget (Appearance -> Widgets). Save. View the website to see your clickable image.

Advanced Installation for Genesis Child Themes:

1. Place all images in the child theme/images directory.

2. Add this to the hook of your choice (usually ‘genesis_after_post_content’):

add_action('your hook here', 'custom_sharing_icons');
function custom_sharing_icons() { ?>
-- insert the snippets below here --
<?php }

Email:

<a class="email" href="mailto:?subject='<?php the_title();?>'
&body='<?php the_permalink();?>'"><img src="<?php bloginfo(
'stylesheet_directory'); ?>/images/email.jpg" alt="email" /></a>

Facebook:

<a href="https://www.facebook.com/sharer/sharer.php?u=<?php  
echo the_permalink();  ?>" target="_blank"><img src="<?php 
bloginfo('stylesheet_directory'); ?>/images/share-fb.jpg" 
border="0" alt="Share to Facebook" /></a>

Twitter:

<a href="https://twitter.com/share?url=<?php  echo the_permalink();
  ?>" target="_blank"><img src="<?php bloginfo
('stylesheet_directory'); ?>/images/share-twitter.jpg" border="0" 
alt="Share to Twitter" /></a>

Pin it:

<a href="javascript:void((function()
{var%20e=document.createElement('script');e.setAttribute
('type','text/javascript');e.setAttribute('charset','UTF-8');
e.setAttribute('src',
'http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);
document.body.appendChild(e)})());"><img src="
<?php bloginfo('stylesheet_directory'); ?>/images/share-pinit.jpg"/></a>

G+

<a id="plusone-icon" title="PlusOne" href=
"https://plus.google.com/share?url=<?php  echo the_permalink();  ?>"
 target="_blank"><img src="<?php bloginfo('stylesheet_directory');
 ?>/images/share-google.jpg"  border="0" alt="Share on Google Plus" />
</a>

Print & Save Recipe

These buttons require your custom script or the use of Ziplist (highly recommended for its rich snippet formatting).

Subscribe to RSS

Requires your own RSS feed if using an aggregator. If not, the default url is:

<a href="<?php bloginfo('url');?>/feed" title="<?php bloginfo('name');?>
"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/subscribe.jpg" 
 border="0" alt="Subscribe to feed" /></a>

More?

Let us know if you’d like to see more graphics come your way?

5 Free Sets Sharing Icons for your Blog

FREE DOWNLOAD

Similar Posts

One Comment

Leave a Reply

Your email address will not be published.