Rajandran R Telecom Engineer turned Full-time Derivative Trader. Mostly Trading Nifty, Banknifty, USDINR and High Liquid Stock Derivatives. Trading the Markets Since 2006 onwards. Using Market Profile and Orderflow for more than a decade. Designed and published 100+ open source trading systems on various trading tools. Strongly believe that market understanding and robust trading frameworks are the key to the trading success. Writing about Markets, Trading System Design, Market Sentiment, Trading Softwares & Trading Nuances since 2007 onwards. Author of Marketcalls.in and Co-Creator of Algomojo (Algorithmic Trading Platform for DIY Traders)

How Facebook Social Plugins Work

1 min read

httpv://www.youtube.com/watch?v=qOseOMIHGpA
[wp_ad_camp_5]

 

Facebook’s Social plugins which enable you to provide engaging social experiences to your users with just a line of HTML. The Facebook Like Button is One of them. You can see a demo of the like button on this page at the end of the post. The Facebook like button will allow your readers to quickly share your posts with their Facebook Friends. You can also get to know how many people liked your Blog Post . The above video is just a little Demo of what you will see

How to Add the Facebook Like Button Below every Post

1. Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says “Expand Widget Templates

2. Look for <data:post.body/> and immediately after that place the following code.


<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<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;’/>
</b:if>

This code will show the Like Button on Post pages only. If you want to display it everywhere, then remove the two lines of code in red.

3. Save the template and you should see the Like Button Below each of your posts.
Optional Customisations

a) Now try changing action=like to action=recommend in the code and you will see the recommend button instead if like button

b) Try changing colorscheme=light to colorscheme=dark or colorscheme=evil

c) You can change the font by editing the font=arial parameter. You can change it to any of

1. font=lucida+grande
2. font=segoe+ui
3. font=tahoma
4. font=trebuchet+ms
5. font=verdana

If you liked this post, then consider “Like” ing it 🙂

Rajandran R Telecom Engineer turned Full-time Derivative Trader. Mostly Trading Nifty, Banknifty, USDINR and High Liquid Stock Derivatives. Trading the Markets Since 2006 onwards. Using Market Profile and Orderflow for more than a decade. Designed and published 100+ open source trading systems on various trading tools. Strongly believe that market understanding and robust trading frameworks are the key to the trading success. Writing about Markets, Trading System Design, Market Sentiment, Trading Softwares & Trading Nuances since 2007 onwards. Author of Marketcalls.in and Co-Creator of Algomojo (Algorithmic Trading Platform for DIY Traders)

TradersKart – One Stop Shop for Traders

TradersKart offers One-Stop E-commerce Solution for all the traders, where traders will get access to their trading needs. Traderskart provides the necessary tools required...
Rajandran R
56 sec read

[Free Course] Mini Certification on Options Trading in Indian…

It is a long-pending request from the Marketcalls Readers This Mini-Course on Options Trading in Indian Markets gets you the basic building blocks about...
Rajandran R
1 min read

State of the Market – 20th June 2022

It's Monday morning and SGX Nifty is trading sub 15300 levels and a little bit of nervousness in the markets as the last Thursday's...
Rajandran R
1 min read

One Reply to “How Facebook Social Plugins Work”

  1. I am getting the following error :

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “allowTransparency”.

Leave a Reply

Get Notifications, Alerts on Market Updates, Trading Tools, Automation & More