Adding a Facebook Share (or Like) button to a self-hosted WordPress blog

A few weeks ago, I wrote about adding a Tweet button to a self-hosted WordPress blog, and followed up by writing about using a little CSS trickery to align the Tweet button (thanks to Alex Coles).  Whilst I was implementing the Tweet Button, I also went about putting a Facebook Share button on each post.

There are plug-ins to do this for me but why use a plugin when the answer is just a single lines of code in two files within the template?

In the same paragraph as the Tweet button (i.e. styled with the same class), I used this code, generated using the Facebook Share Button generator:

This time, the code is identical for both index.php and single.php as, unfortunately, Facebook doesn’t seem to give me any control over the title of the link (it just takes the </code> tag from the page). <a href="">There is another method, using query string parameters in the URL</a> but I chose to stick with Facebook’s recommended method.</p> <p>Incidentally, I chose to Share, rather than <a href="">Like (which can be implemented by following these guidelines)</a> because they have subtly different purposes and <a href="">each is represented in a slightly different manner (as Danny Sullivan describes in his post on the subject)</a>. After reading Danny’s post, I agree that Share is best for linking to a single post, whilst Like is more suited to the site as a whole (someone might <em>Like</em> and <em>Share</em> one or more posts from the site).</p> <div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing"><h3 class="sd-title">Share this:</h3><div class="sd-content"><ul><li class="share-twitter"><a rel="nofollow noopener noreferrer" data-shared="sharing-twitter-2024" class="share-twitter sd-button share-icon" href="" target="_blank" title="Click to share on Twitter"><span>Twitter</span></a></li><li class="share-facebook"><a rel="nofollow noopener noreferrer" data-shared="sharing-facebook-2024" class="share-facebook sd-button share-icon" href="" target="_blank" title="Click to share on Facebook"><span>Facebook</span></a></li><li class="share-linkedin"><a rel="nofollow noopener noreferrer" data-shared="sharing-linkedin-2024" class="share-linkedin sd-button share-icon" href="" target="_blank" title="Click to share on LinkedIn"><span>LinkedIn</span></a></li><li class="share-pocket"><a rel="nofollow noopener noreferrer" data-shared="" class="share-pocket sd-button share-icon" href="" target="_blank" title="Click to share on Pocket"><span>Pocket</span></a></li><li class="share-pinterest"><a rel="nofollow noopener noreferrer" data-shared="sharing-pinterest-2024" class="share-pinterest sd-button share-icon" href="" target="_blank" title="Click to share on Pinterest"><span>Pinterest</span></a></li><li class="share-tumblr"><a rel="nofollow noopener noreferrer" data-shared="" class="share-tumblr sd-button share-icon" href="" target="_blank" title="Click to share on Tumblr"><span>Tumblr</span></a></li><li class="share-reddit"><a rel="nofollow noopener noreferrer" data-shared="" class="share-reddit sd-button share-icon" href="" target="_blank" title="Click to share on Reddit"><span>Reddit</span></a></li><li class="share-skype"><a rel="nofollow noopener noreferrer" data-shared="sharing-skype-2024" class="share-skype sd-button share-icon" href="" target="_blank" title="Click to share on Skype"><span>Skype</span></a></li><li class="share-jetpack-whatsapp"><a rel="nofollow noopener noreferrer" data-shared="" class="share-jetpack-whatsapp sd-button share-icon" href="" target="_blank" title="Click to share on WhatsApp"><span>WhatsApp</span></a></li><li class="share-email"><a rel="nofollow noopener noreferrer" data-shared="" class="share-email sd-button share-icon" href="" target="_blank" title="Click to email this to a friend"><span>Email</span></a></li><li class="share-print"><a rel="nofollow noopener noreferrer" data-shared="" class="share-print sd-button share-icon" href="" target="_blank" title="Click to print"><span>Print</span></a></li><li class="share-end"></li></ul></div></div></div><div class='sharedaddy sd-block sd-like jetpack-likes-widget-wrapper jetpack-likes-widget-unloaded' id='like-post-wrapper-29247765-2024-600384345b6b9' data-src='' data-name='like-post-frame-29247765-2024-600384345b6b9'><h3 class="sd-title">Like this:</h3><div class='likes-widget-placeholder post-likes-widget-placeholder' style='height: 55px;'><span class='button'><span>Like</span></span> <span class="loading">Loading...</span></div><span class='sd-text-color'></span><a class='sd-link-color'></a></div> <div id='jp-relatedposts' class='jp-relatedposts' > <h3 class="jp-relatedposts-headline"><em>Related</em></h3> </div> </div><!-- .entry-content --> <footer class="entry-footer"> <span class="cat-links">Posted in Uncategorised</span><span class="tags-links">Tagged <a href="" rel="tag">Social Networking</a>, <a href="" rel="tag">WordPress</a></span><span class="comments-link"><a href="">Leave a comment</a></span> </footer><!-- .entry-footer --> </article><!-- #post-## --> <nav class="navigation post-navigation" role="navigation"> <h1 class="screen-reader-text">Post navigation</h1> <div class="nav-links"> <a href="" rel="prev"><span class="meta-nav">Previous Post</span>The effects of sunscreen on Volkswagen/Audi paintwork</a><a href="" rel="next"><span class="meta-nav">Next Post</span>Preparing images for projection in photography club competitions</a> </div><!-- .nav-links --> </nav><!-- .navigation --> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/blog/2010/09/adding-a-facebook-share-or-like-button-to-a-self-hosted-wordpress-blog.htm#respond" style="display:none;">Cancel reply</a></small> </h3> <form id="commentform" class="comment-form"> <iframe title="Comment Form" src="" name="jetpack_remote_comment" style="width:100%; height: 430px; border:0;" class="jetpack_remote_comment" id="jetpack_remote_comment" sandbox="allow-same-origin allow-top-navigation allow-scripts allow-forms allow-popups" > </iframe> <!--[if !IE]><!--> <script> document.addEventListener('DOMContentLoaded', function () { var commentForms = document.getElementsByClassName('jetpack_remote_comment'); for (var i = 0; i < commentForms.length; i++) { commentForms[i].allowTransparency = false; commentForms[i].scrolling = 'no'; } }); </script> <!--<![endif]--> </form> </div> <input type="hidden" name="comment_parent" id="comment_parent" value="" /> <p class="akismet_comment_form_privacy_notice">This site uses Akismet to reduce spam. <a href="" target="_blank" rel="nofollow noopener">Learn how your comment data is processed</a>.</p> </div><!-- #comments --> </main><!-- #main --> </div><!-- #primary --> <div id="secondary" class="widget-area" role="complementary"> <aside id="eu_cookie_law_widget-2" class="widget widget_eu_cookie_law_widget"> <div class="hide-on-button negative" data-hide-timeout="30" data-consent-expiration="180" id="eu-cookie-law" > <form method="post"> <input type="submit" value="Close and accept" class="accept" /> </form> By using this website you allow cookies to be placed on your computer. They are harmless and never personally identify you. For more information about cookies and how they are used, visit the <a href="" rel=""> Privacy Policy and Data Protection Notice </a> </div> </aside><aside id="search-4" class="widget widget_search"><form role="search" method="get" class="search-form" action=""> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></aside><aside id="categories-2" class="widget widget_categories"><h2 class="widget-title">Categories</h2> <ul> <li class="cat-item cat-item-364"><a href="">Exercise</a> </li> <li class="cat-item cat-item-697"><a href="">Lifestyle</a> </li> <li class="cat-item cat-item-117"><a href="">Motoring</a> </li> <li class="cat-item cat-item-152"><a href="">Photography</a> </li> <li class="cat-item cat-item-6"><a href="">Site notices</a> </li> <li class="cat-item cat-item-218"><a href="">Technology</a> </li> <li class="cat-item cat-item-38"><a href="">Waffle and randomness</a> </li> <li class="cat-item cat-item-666"><a href="">Weeknotes</a> </li> </ul> </aside><aside id="archives-2" class="widget widget_archive"><h2 class="widget-title">Archives</h2> <label class="screen-reader-text" for="archives-dropdown-2">Archives</label> <select id="archives-dropdown-2" name="archive-dropdown"> <option value="">Select Month</option> <option value=''> January 2021  (1)</option> <option value=''> December 2020  (4)</option> <option value=''> November 2020  (1)</option> <option value=''> September 2020  (1)</option> <option value=''> August 2020  (2)</option> <option value=''> July 2020  (1)</option> <option value=''> June 2020  (2)</option> <option value=''> May 2020  (6)</option> <option value=''> April 2020  (7)</option> <option value=''> March 2020  (2)</option> <option value=''> February 2020  (1)</option> <option value=''> January 2020  (1)</option> <option value=''> December 2019  (1)</option> <option value=''> November 2019  (1)</option> <option value=''> October 2019  (1)</option> <option value=''> September 2019  (1)</option> <option value=''> August 2019  (1)</option> <option value=''> July 2019  (1)</option> <option value=''> June 2019  (1)</option> <option value=''> May 2019  (1)</option> <option value=''> April 2019  (2)</option> <option value=''> March 2019  (1)</option> <option value=''> February 2019  (1)</option> <option value=''> January 2019  (1)</option> <option value=''> December 2018  (1)</option> <option value=''> November 2018  (1)</option> <option value=''> October 2018  (1)</option> <option value=''> September 2018  (1)</option> <option value=''> August 2018  (1)</option> <option value=''> July 2018  (2)</option> <option value=''> June 2018  (4)</option> <option value=''> May 2018  (3)</option> <option value=''> April 2018  (3)</option> <option value=''> March 2018  (2)</option> <option value=''> February 2018  (4)</option> <option value=''> January 2018  (1)</option> <option value=''> December 2017  (4)</option> <option value=''> November 2017  (4)</option> <option value=''> October 2017  (5)</option> <option value=''> September 2017  (5)</option> <option value=''> August 2017  (6)</option> <option value=''> July 2017  (12)</option> <option value=''> June 2017  (2)</option> <option value=''> May 2017  (4)</option> <option value=''> April 2017  (3)</option> <option value=''> March 2017  (7)</option> <option value=''> February 2017  (7)</option> <option value=''> January 2017  (13)</option> <option value=''> December 2016  (13)</option> <option value=''> November 2016  (11)</option> <option value=''> October 2016  (6)</option> <option value=''> September 2016  (11)</option> <option value=''> August 2016  (6)</option> <option value=''> July 2016  (3)</option> <option value=''> June 2016  (2)</option> <option value=''> May 2016  (11)</option> <option value=''> April 2016  (4)</option> <option value=''> March 2016  (7)</option> <option value=''> February 2016  (3)</option> <option value=''> January 2016  (5)</option> <option value=''> December 2015  (3)</option> <option value=''> November 2015  (10)</option> <option value=''> October 2015  (16)</option> <option value=''> September 2015  (30)</option> <option value=''> August 2015  (17)</option> <option value=''> July 2015  (15)</option> <option value=''> June 2015  (5)</option> <option value=''> May 2015  (11)</option> <option value=''> April 2015  (8)</option> <option value=''> March 2015  (5)</option> <option value=''> February 2015  (6)</option> <option value=''> January 2015  (2)</option> <option value=''> December 2014  (4)</option> <option value=''> November 2014  (4)</option> <option value=''> October 2014  (9)</option> <option value=''> September 2014  (3)</option> <option value=''> August 2014  (3)</option> <option value=''> July 2014  (5)</option> <option value=''> June 2014  (7)</option> <option value=''> May 2014  (2)</option> <option value=''> April 2014  (4)</option> <option value=''> March 2014  (6)</option> <option value=''> February 2014  (7)</option> <option value=''> January 2014  (6)</option> <option value=''> December 2013  (4)</option> <option value=''> November 2013  (5)</option> <option value=''> October 2013  (4)</option> <option value=''> September 2013  (5)</option> <option value=''> August 2013  (1)</option> <option value=''> July 2013  (9)</option> <option value=''> June 2013  (3)</option> <option value=''> May 2013  (8)</option> <option value=''> April 2013  (2)</option> <option value=''> March 2013  (9)</option> <option value=''> February 2013  (8)</option> <option value=''> January 2013  (12)</option> <option value=''> December 2012  (8)</option> <option value=''> November 2012  (16)</option> <option value=''> October 2012  (18)</option> <option value=''> September 2012  (7)</option> <option value=''> August 2012  (14)</option> <option value=''> July 2012  (9)</option> <option value=''> June 2012  (13)</option> <option value=''> May 2012  (17)</option> <option value=''> April 2012  (12)</option> <option value=''> March 2012  (17)</option> <option value=''> February 2012  (13)</option> <option value=''> January 2012  (9)</option> <option value=''> December 2011  (15)</option> <option value=''> November 2011  (23)</option> <option value=''> October 2011  (10)</option> <option value=''> September 2011  (11)</option> <option value=''> August 2011  (11)</option> <option value=''> July 2011  (17)</option> <option value=''> June 2011  (13)</option> <option value=''> May 2011  (15)</option> <option value=''> April 2011  (14)</option> <option value=''> March 2011  (17)</option> <option value=''> February 2011  (11)</option> <option value=''> January 2011  (7)</option> <option value=''> December 2010  (9)</option> <option value=''> November 2010  (13)</option> <option value=''> October 2010  (11)</option> <option value=''> September 2010  (14)</option> <option value=''> August 2010  (10)</option> <option value=''> July 2010  (2)</option> <option value=''> June 2010  (11)</option> <option value=''> May 2010  (10)</option> <option value=''> April 2010  (10)</option> <option value=''> March 2010  (14)</option> <option value=''> February 2010  (13)</option> <option value=''> January 2010  (8)</option> <option value=''> December 2009  (7)</option> <option value=''> November 2009  (10)</option> <option value=''> October 2009  (19)</option> <option value=''> September 2009  (19)</option> <option value=''> August 2009  (21)</option> <option value=''> July 2009  (25)</option> <option value=''> June 2009  (19)</option> <option value=''> May 2009  (19)</option> <option value=''> April 2009  (26)</option> <option value=''> March 2009  (24)</option> <option value=''> February 2009  (24)</option> <option value=''> January 2009  (26)</option> <option value=''> December 2008  (25)</option> <option value=''> November 2008  (34)</option> <option value=''> October 2008  (36)</option> <option value=''> September 2008  (50)</option> <option value=''> August 2008  (36)</option> <option value=''> July 2008  (38)</option> <option value=''> June 2008  (17)</option> <option value=''> May 2008  (25)</option> <option value=''> April 2008  (22)</option> <option value=''> March 2008  (25)</option> <option value=''> February 2008  (24)</option> <option value=''> January 2008  (14)</option> <option value=''> December 2007  (16)</option> <option value=''> November 2007  (23)</option> <option value=''> October 2007  (22)</option> <option value=''> September 2007  (14)</option> <option value=''> August 2007  (27)</option> <option value=''> July 2007  (44)</option> <option value=''> June 2007  (16)</option> <option value=''> May 2007  (23)</option> <option value=''> April 2007  (17)</option> <option value=''> March 2007  (26)</option> <option value=''> February 2007  (26)</option> <option value=''> January 2007  (11)</option> <option value=''> December 2006  (16)</option> <option value=''> November 2006  (26)</option> <option value=''> October 2006  (12)</option> <option value=''> September 2006  (22)</option> <option value=''> August 2006  (17)</option> <option value=''> July 2006  (26)</option> <option value=''> June 2006  (15)</option> <option value=''> May 2006  (39)</option> <option value=''> April 2006  (13)</option> <option value=''> March 2006  (8)</option> <option value=''> February 2006  (33)</option> <option value=''> January 2006  (42)</option> <option value=''> December 2005  (19)</option> <option value=''> November 2005  (21)</option> <option value=''> October 2005  (38)</option> <option value=''> September 2005  (15)</option> <option value=''> August 2005  (32)</option> <option value=''> July 2005  (31)</option> <option value=''> June 2005  (17)</option> <option value=''> May 2005  (28)</option> <option value=''> April 2005  (8)</option> <option value=''> March 2005  (22)</option> <option value=''> February 2005  (29)</option> <option value=''> January 2005  (8)</option> <option value=''> December 2004  (17)</option> <option value=''> November 2004  (8)</option> <option value=''> October 2004  (25)</option> <option value=''> September 2004  (36)</option> <option value=''> August 2004  (22)</option> <option value=''> July 2004  (8)</option> <option value=''> June 2004  (8)</option> <option value=''> May 2004  (6)</option> <option value=''> April 2004  (3)</option> <option value=''> March 2004  (2)</option> <option value=''> February 2004  (6)</option> <option value=''> January 2004  (2)</option> </select> <script type="text/javascript"> /* <![CDATA[ */ (function() { var dropdown = document.getElementById( "archives-dropdown-2" ); function onSelectChange() { if ( dropdown.options[ dropdown.selectedIndex ].value !== '' ) { document.location.href = this.options[ this.selectedIndex ].value; } } dropdown.onchange = onSelectChange; })(); /* ]]> */ </script> </aside><aside id="blog_subscription-2" class="widget widget_blog_subscription jetpack_subscription_widget"><h2 class="widget-title">Subscriptions</h2> <form action="#" method="post" accept-charset="utf-8" id="subscribe-blog-blog_subscription-2"> <div id="subscribe-text"><p>Enter your email address to subscribe to this blog and receive notifications of new posts by email (or <a href="">subscribe by RSS</a>).</p> </div> <p id="subscribe-email"> <label id="jetpack-subscribe-label" class="screen-reader-text" for="subscribe-field-blog_subscription-2"> Email Address </label> <input type="email" name="email" required="required" value="" id="subscribe-field-blog_subscription-2" placeholder="Email Address" /> </p> <p id="subscribe-submit"> <input type="hidden" name="action" value="subscribe"/> <input type="hidden" name="source" value=""/> <input type="hidden" name="sub-type" value="widget"/> <input type="hidden" name="redirect_fragment" value="blog_subscription-2"/> <button type="submit" name="jetpack_subscriptions_widget" > Subscribe </button> </p> </form> </aside><aside id="twitter_timeline-3" class="widget widget_twitter_timeline"><h2 class="widget-title">@markwilsonit</h2><a class="twitter-timeline" data-height="400" data-theme="light" data-border-color="#e8e8e8" data-lang="EN" data-partner="jetpack" href="" href="">My Tweets</a></aside><aside id="text-12" class="widget widget_text"><h2 class="widget-title">Awards</h2> <div class="textwidget"><ul> <li><img class="alignright" src="" alt="Microsoft MVP 2008-2010" data-recalc-dims="1" />Microsoft Most Valuable Professional (2008-2010, Virtual Machine)</li> <li>Computer Weekly Blog Awards Winner (2010, Individual IT Professional (Male))</li> <li><img class="alignright" src="" alt="Microsoft MVP Reconnect" width="117" height="38" data-recalc-dims="1" />Microsoft MVP Reconnect (2016)</li> <li><img class="alignright" src="" alt="UK Blog Awards 2017 Finalist" width="125" height="125" data-recalc-dims="1" />UK Blog Awards Finalist (2017, Digital and Technology (Individual))</li> </ul> </div> </aside> </div><!-- #secondary --> </div><!-- .content-wrapper --> </div><!-- #content --> <div id="tertiary" class="footer-widget-area" role="complementary"> <div class="footer-widget-wrapper clear"> <div class="footer-widget"> <aside id="custom_html-2" class="widget_text widget widget_custom_html"><h2 class="widget-title">Referrals</h2><div class="textwidget custom-html-widget"><p>I've removed the ads from the site but I do use these services and recommend them to others:</p> <p><a href="" target="_blank" rel="noopener"><img src="" width="468" height="60" alt="Get a free giffgaff Sim" data-recalc-dims="1" /></a></p> <!--<p><a href=''><img src='' alt='Unlimited business broadband from £15.99 a month' border='0' rel='nofollow' data-recalc-dims="1"></a></p>--> <p>I use Hover for domain name registration. <a href="">Get $2 off your next purchase</a>.</p> <p><a href="">Switch to Bulb Energy</a> and we both get some credit!</p> <!--<p><a href="">Switch your gas and electricity supply to First Utility and get a £30 reward</a> (for each of us!)</p> --></div></aside><aside id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-essentials-container"><ul id="menu-essentials" class="menu"><li id="menu-item-5873" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-5873"><a href="">About Mark Wilson</a> <ul class="sub-menu"> <li id="menu-item-5874" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5874"><a href="">Press and other commissioned work</a></li> </ul> </li> <li id="menu-item-5875" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5875"><a href="">About this site</a></li> <li id="menu-item-5876" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5876"><a href="">Legal notice</a></li> <li id="menu-item-5877" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5877"><a href="">Linking to this site</a></li> <li id="menu-item-5878" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-5878"><a href="">Privacy policy and data protection notice</a></li> <li id="menu-item-5879" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5879"><a href="">Rules for comments</a></li> <li id="menu-item-5880" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5880"><a href="">Disclosure Policy</a></li> <li id="menu-item-5881" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5881"><a href="">Contact</a></li> <li id="menu-item-5882" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5882"><a href="">Guest contributors</a></li> </ul></div></aside><aside id="execphp-4" class="widget widget_execphp"><h2 class="widget-title">Copyright Notice</h2> <div class="execphpwidget">The content at this website is © Mark Wilson 2004-2021, All Rights Reserved.</div> </aside> </div><!-- .footer-widget --> <div class="footer-widget"> <aside id="recent-posts-4" class="widget widget_recent_entries"> <h2 class="widget-title">Recent Posts</h2> <ul> <li> <a href="">What’s the future of the office?</a> </li> <li> <a href="">Installing Google Play on an Amazon Kindle Fire tablet</a> </li> <li> <a href="">Invalid/missing request nonce when connecting WordPress to Google Photos</a> </li> <li> <a href="">What does it mean to work flexibly?</a> </li> <li> <a href="">Investigating my not-so-superfast broadband</a> </li> </ul> </aside> <style> .bmc-button img { box-shadow: none !important; vertical-align: middle !important; } .bmc-button { display: inline-block !important; padding:0px 10px !important; color: #ffffff !important; background-color: #ff813f !important; border-radius: 3px !important; border: 1px solid transparent !important; font-size: 28px !important; box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important; -webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important; -webkit-transition: 0.3s all linear !important; transition: 0.3s all linear !important; margin: 0 auto !important; font-family: "Cookie" !important; } .bmc-button: hover, .bmc-button: active, .bmc-button: focus { -webkit-box-shadow: 0 4px 16px 0 rgba(190, 190, 190, .45) !important; box-shadow: 0 4px 16px 0 rgba(190, 190, 190, .45) !important; opacity: 0.85 !important; color: #ffffff !important; } </style> <link href="" rel="stylesheet"> <p style="text-align:left !important; padding-bottom: 10px;"><a target="_blank" class="bmc-button" href=""> <img src="" alt="BMC logo" style="margin-top: -6px !important;"><span style="margin-left:5px">Buy me a coffee</span></a></p> </aside> </div><!-- .footer-widget --> <div class="footer-widget"> <aside id="recent-comments-5" class="widget widget_recent_comments"><h2 class="widget-title">Recent Comments</h2><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href='' rel='external nofollow ugc' class='url'>What's the future of the office? -</a></span> on <a href="">Digital transformation – it’s not about the technology</a></li><li class="recentcomments"><span class="comment-author-link">Keith</span> on <a href="">Somfy roller-shutter garage door stopping part way down</a></li><li class="recentcomments"><span class="comment-author-link"><a href='' rel='external nofollow ugc' class='url'>Alex</a></span> on <a href="">Somfy roller-shutter garage door stopping part way down</a></li><li class="recentcomments"><span class="comment-author-link"><a href='' rel='external nofollow ugc' class='url'>Installing Google Play on an Amazon Kindle Fire tablet -</a></span> on <a href="">Installing Google Play Store on an Amazon Kindle Fire HD</a></li><li class="recentcomments"><span class="comment-author-link"><a href='' rel='external nofollow ugc' class='url'>What does it mean to work flexibly? -</a></span> on <a href="">My email SLA</a></li></ul></aside> </div><!-- .footer-widget --> </div><!-- .footer-widget-wrapper --> </div><!-- #tertiary --> <footer id="colophon" class="site-footer" role="contentinfo"> <nav class="footer-navigation" role="navigation"> <div class="menu-social-networks-container"><ul id="menu-social-networks" class="clear"><li id="menu-item-5589" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5589"><a href="">Twitter</a></li> <li id="menu-item-5590" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5590"><a href="">LinkedIn</a></li> <li id="menu-item-5593" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5593"><a href="">Flickr</a></li> <li id="menu-item-5592" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5592"><a href="">Slideshare</a></li> </ul></div> </nav><!-- .footer-navigation --> <div class="site-info"> <a href="">Proudly powered by WordPress</a> <span class="sep"> | </span> Theme: Goran by <a href="" rel="designer"></a>. </div><!-- .site-info --> </footer><!-- #colophon --> </div><!-- #page --> <script type="text/javascript"> window.WPCOM_sharing_counts = {"https:\/\/\/blog\/2010\/09\/adding-a-facebook-share-or-like-button-to-a-self-hosted-wordpress-blog.htm":2024}; </script> <div id="sharing_email" style="display: none;"> <form action="/blog/2010/09/adding-a-facebook-share-or-like-button-to-a-self-hosted-wordpress-blog.htm" method="post"> <label for="target_email">Send to Email Address</label> <input type="email" name="target_email" id="target_email" value="" /> <label for="source_name">Your Name</label> <input type="text" name="source_name" id="source_name" value="" /> <label for="source_email">Your Email Address</label> <input type="email" name="source_email" id="source_email" value="" /> <input type="text" id="jetpack-source_f_name" name="source_f_name" class="input" value="" size="25" autocomplete="off" title="This field is for validation and should not be changed" /> <img style="float: right; display: none" class="loading" src="" alt="loading" width="16" height="16" /> <input type="submit" value="Send Email" class="sharing_send" /> <a rel="nofollow" href="#cancel" class="sharing_cancel" role="button">Cancel</a> <div class="errors errors-1" style="display: none;"> Post was not sent - check your email addresses! </div> <div class="errors errors-2" style="display: none;"> Email check failed, please try again </div> <div class="errors errors-3" style="display: none;"> Sorry, your blog cannot share posts by email. </div> </form> </div> <script type='text/javascript' src='' id='jetpack-photon-js'></script> <script type='text/javascript' src='' id='jquery-archive-list-js'></script> <script type='text/javascript' src='' id='edin-skip-link-focus-fix-js'></script> <script type='text/javascript' src='' id='eu-cookie-law-script-js'></script> <script type='text/javascript' src='' id='jetpack-twitter-timeline-js'></script> <script type='text/javascript' src='' id='goran-navigation-js'></script> <script type='text/javascript' src='' id='goran-script-js'></script> <script type='text/javascript' src='' id='wp-embed-js'></script> <script type='text/javascript' src='' id='postmessage-js'></script> <script type='text/javascript' src='' id='jetpack_resize-js'></script> <script type='text/javascript' src='' id='jetpack_likes_queuehandler-js'></script> <script async="async" type='text/javascript' src='' id='akismet-form-js'></script> <script type='text/javascript' id='sharing-js-js-extra'> /* <![CDATA[ */ var sharing_js_options = {"lang":"en","counts":"1","is_stats_active":"1"}; /* ]]> */ </script> <script type='text/javascript' src='' id='sharing-js-js'></script> <script type='text/javascript' id='sharing-js-js-after'> var windowOpen; jQuery( document.body ).on( 'click', 'a.share-twitter', function() { // If there's another sharing window open, close it. if ( 'undefined' !== typeof windowOpen ) { windowOpen.close(); } windowOpen = jQuery( this ).attr( 'href' ), 'wpcomtwitter', 'menubar=1,resizable=1,width=600,height=350' ); return false; }); var windowOpen; jQuery( document.body ).on( 'click', 'a.share-facebook', function() { // If there's another sharing window open, close it. if ( 'undefined' !== typeof windowOpen ) { windowOpen.close(); } windowOpen = jQuery( this ).attr( 'href' ), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400' ); return false; }); var windowOpen; jQuery( document.body ).on( 'click', 'a.share-linkedin', function() { // If there's another sharing window open, close it. if ( 'undefined' !== typeof windowOpen ) { windowOpen.close(); } windowOpen = jQuery( this ).attr( 'href' ), 'wpcomlinkedin', 'menubar=1,resizable=1,width=580,height=450' ); return false; }); var windowOpen; jQuery( document.body ).on( 'click', 'a.share-pocket', function() { // If there's another sharing window open, close it. if ( 'undefined' !== typeof windowOpen ) { windowOpen.close(); } windowOpen = jQuery( this ).attr( 'href' ), 'wpcompocket', 'menubar=1,resizable=1,width=450,height=450' ); return false; }); var windowOpen; jQuery( document.body ).on( 'click', 'a.share-tumblr', function() { // If there's another sharing window open, close it. if ( 'undefined' !== typeof windowOpen ) { windowOpen.close(); } windowOpen = jQuery( this ).attr( 'href' ), 'wpcomtumblr', 'menubar=1,resizable=1,width=450,height=450' ); return false; }); var windowOpen; jQuery( document.body ).on( 'click', 'a.share-skype', function() { // If there's another sharing window open, close it. if ( 'undefined' !== typeof windowOpen ) { windowOpen.close(); } windowOpen = jQuery( this ).attr( 'href' ), 'wpcomskype', 'menubar=1,resizable=1,width=305,height=665' ); return false; }); </script> <iframe src='' scrolling='no' id='likes-master' name='likes-master' style='display:none;'></iframe> <div id='likes-other-gravatars'><div class="likes-text"><span>%d</span> bloggers like this:</div><ul class="wpl-avatars sd-like-gravatars"></ul></div> <!--[if IE]> <script type="text/javascript"> if ( 0 === window.location.hash.indexOf( '#comment-' ) ) { // window.location.reload() doesn't respect the Hash in IE window.location.hash = window.location.hash; } </script> <![endif]--> <script type="text/javascript"> (function () { var comm_par_el = document.getElementById( 'comment_parent' ), comm_par = ( comm_par_el && comm_par_el.value ) ? comm_par_el.value : '', frame = document.getElementById( 'jetpack_remote_comment' ), tellFrameNewParent; tellFrameNewParent = function () { if ( comm_par ) { frame.src = "" + '&replytocom=' + parseInt( comm_par, 10 ).toString(); } else { frame.src = ""; } }; // Do the post message bit after the dom has loaded. document.addEventListener( 'DOMContentLoaded', function () { var iframe_url = "https:\/\/"; if ( window.postMessage ) { if ( document.addEventListener ) { window.addEventListener( 'message', function ( event ) { var origin = event.origin.replace( /^http:\/\//i, 'https://' ); if ( iframe_url.replace( /^http:\/\//i, 'https://' ) !== origin ) { return; } jQuery( frame ).height( ); }); } else if ( document.attachEvent ) { window.attachEvent( 'message', function ( event ) { var origin = event.origin.replace( /^http:\/\//i, 'https://' ); if ( iframe_url.replace( /^http:\/\//i, 'https://' ) !== origin ) { return; } jQuery( frame ).height( ); }); } } }) })(); </script> <script src='' defer></script> <script> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',j:'1:9.3',blog:'29247765',post:'2024',tz:'0',srv:''} ]); _stq.push([ 'clickTrackerInit', '29247765', '2024' ]); </script> </body> </html>