Simple Troubleshoots How to Add a String of Share buttons to Blog ~ Simple Troubleshoots

Search This Blog

Sunday, August 26, 2012

How to Add a String of Share buttons to Blog

1. Log in to Blogger, click on design, then edit Html

2. Backup your template, so that you can restore it if something goes wrong

3. Click on Expand Widget Template...

4. Press Ctrl + F and search for <data:post.body/>

If you have more than one of this code, locate the one that has the post body on blog post pages. If you are not sure which one to use search for this code instead:

<div class=’post-footer-line post-footer-line-2′/>

5. Just below that, paste the following code:


<div style='border: 1px #3b5998; background-color: #eff3fa;'><div align='center'><b:if cond='data:blog.pageType == &quot;item&quot;'><strong>&#9829; CONSIDER SHARING THIS POST WITH YOUR FRIENDS IF YOU LIKE IT &#9829;</strong> <br/> <a class='opacity' expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share this post Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimA9J953UnL7GAraueNJm9VoFCDkRzMlLtm96mlxu6hyRlWo4RJMsy_umDr08896z25AuReXg8SzOwVJHOW-AYixX3wd2E89YD2iDbZz4ZI0XZFXs-r4NBmkOd4yD0QT311ZI3f3QqUA/s1600/facebook_icn.png'/></a> <a class='opacity' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Tweet About This Post'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxj-T-eFKBBX45RCymkETU36Vd59HNuhY-4STQwpW5Z0WxeyD7xWSPYM5CEWF4d9-jh3uMblcBsWWODIUFLhAwR8pi5nOGEtjb3FEDnP1f4QttOBNGHsx8792faXUwBZ_JxhH6DmMLg/s1600/twitter_icn.png'/></a> <a class='opacity' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon This Post'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSVK1bP2cJXzGfUBA5kKCsD3fxuBl8yzAkYDEnJfqzSIM0Kepbte_nFN3PiVgLaJW0g2KsCELVMdks3dT2kWbndRq8mR7hg7fqFaxETYx5UZmyVi3dstj7ZvlMk2WsSfdEncDLbRH0Hw/s1600/stumbleupon_icn.png'/></a> <a class='opacity' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This Post'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbzUcZKjZmqadY35cfxWJwnkLflazXZMRj3d9cXYckqECMdHgsffOjdxVnVCDKNC2yIXQm27HzJVo3JrpClsF_vkk4MYmF2hWvHtu1qBbNjaTqYHItXyWetQ0xfBFUGxdEi_uiH997pg/s1600/digg_icn.png'/></a> <a class='opacity' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to Delicious'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiERGdUfW76kK_Dwd7lvfj76N3R9XlTn2S6LBU7wI2ETYVnElHLYhbkcIPSl-VqvIotpBke5dgsz7FXhpIcsL6BG2Cd5cuD1SnWjZdbbZ5A8UMe5-DCWoGKf7sXhJHS1L0UeBjiB4tyZg/s1600/delicious_icn.png'/></a> <a class='opacity' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Reddit this post'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp7F-hIEJdnLq1xP67xazVj3Ymc8F_FLrW5mYY-067x7QO6AAmWS9JSC1ekjbmDV8sbxcLEy9JMlNJOmTGpNE49jBZ9lmcMmM59co0lagEqD7DCDlzvWS0Pq46uKyrirJBvlBYfa4zow/s1600/reddit_icn.png'/></a> <a class='opacity' expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Add this to Technorati Favs'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEzmYSVcfK8ant0oD1pTEsmxp_VAt-H84pwCA7uh8bhaU_LUuR0Htgt9KNhuK57QKHU0sYhjL4VCTcPDJnXvpmEoOGsAEbVIgPN32JLLcDorwF6zJNgZh19Znlu-qYBtJHHIkmeXi25A/s1600/technorati_icn.png'/></a> <a class='opacity' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx it'><img alt='Mixx' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWv2xubX2-F8gHa4Did0gwLEkyz9s7i_8fMsj_Y_iUf7prf5PZupCU1RuTpkbkkQ4Fz8uWH2AvDnugKz35JOEA_hVvNBam0GxN5fkKiH5gyc3y0yTeOuVCyDHZEgTE_KHQm0HiCC4_sQ/s1600/mixx_icn.png'/></a> <a class='opacity' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share on Linkedin'><img alt='Linkedin' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCS3AiQU2q8JQXRyD8rXu90z8JuDq3gnBDxILCuMSugU9z8jQnD4M6AAfo4K8Zetq7nY_Wlawfk4XdGyfhe_3nGs3niiV_aycFrCf41SGdYd0SD_WaLztBde5C0omitf3V8D0IKcmllg/s1600/linkedin_icn.png'/></a><br/><small>[<a href='http://www.tionereviews.com/2011/04/add-facebook-large-share-button.html'>Get this Widget</a>]</small></b:if></div></div>
6. You can now preview and save the html code editor



♥ CONSIDER SHARING THIS POST WITH YOUR FRIENDS IF YOU LIKE IT ♥
Facebook Twitter StumbleUpon Digg Delicious Reddit Technorati Mixx Linkedin
[Get this Widget]
Pin It