How to Add Social Media Buttons to Blogger

Thursday, May 24, 2012

Again, since my blog had a make over, I have to add the embedded buttons. That is pretty hard because I have to research how for I already forgot how to, haha.


I am glad that Google really helps me quickly but I need to choose which is the best and fastest way.


For Facebook, Twitter, Blogger and other social sites share buttons, you can go to AddThis. Follow the instructions bellow on how to add the share buttons.




Then, sign in to your Blogger Dashboard > your blog’s Design > Edit HTML, and check “Expand Widget Templates”.


Note: Be sure to back up your template before making any changes on it. How to save a copy? Click the “Download Full Template” under Backup / Restore Template. Save it in a folder on your computer.


Find this line of code inside the template box:  <data:post.body/>

You can use the search or find feature of your browser. Just press Crtl+F (or Command+F) and paste <data:post.body/> in the find box then press enter. It will take you to that line instantly.




Click SAVE TEMPLATE. There you have your share buttons and you can share your post easily.


For the Facebook Like Button, here's how:


1. Copy the code below:

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

2. Sign in to your Blogger Dashboard > your blog’s Design > Edit HTML, and check “Expand Widget Templates”. Be sure to back up your template before making any changes on it. Save template as done above.


Find this line of code inside the template box:  <data:post.body/>

Just press Crtl+F (or Command+F) and paste <data:post.body/> in the find box then press enter. 


Insert the copied code before the line <data:post.body/>, to appear like this:




Click SAVE TEMPLATE.


If you have any concern, just leave a comment :)