How to install custom sharing icons in Genesis (& 5 sets of free buttons)
These 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?
