Facebook is the most popular social networking where we can share our status and photo with our friends. Facebook not only provides chatting function but also their API sdk to webmasters to grow their audience over the world.
For this, you have to follow 2 parts
PART 1 :
1. Copy the below code and Keep save on notepad.
<style type="text/css">#fake-like-rapper{display: inline-block;margin:0;padding:0;}#fake-like-rapper div{float:left;margin:0;padding:0;}#like-fake div.connect_widget_button_count_including, td.connect_widget_simple_including{margin:0;padding:0;}#like-fake td, td.label{font-size: 11px;text-align: left;margin:0;padding:0;}#like-fake{font-size: 11px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;color:#333;line-height:1.28;text-align: left;direction: ltr;margin-top: 1px !important; margin-left: -2px!important;position: relative;float:left;}#like-fake .uiGrid{border: 0;border-collapse: collapse;border-spacing: 0;}#like-fake .connect_widget_button_count_count{background: white;border: 1px solid #D1D1D1;float: left;font-weight: normal;height: 14px;margin-left: 1px;min-width: 17px;padding: 1px 2px 1px 2px;text-align: center;line-height: 14px;white-space: nowrap;}#like-fake .connect_widget_button_count_nub s, #like-fake .connect_widget_button_count_nub i{border: solid transparent;border-right-color: #D7D7D7;top: 1px;display: block;position: relative;border-width: 4px 5px 4px 0;}#like-fake .connect_widget_button_count_nub i{left: 2px;top: -7px;border-right-color: white;}#like-fake .connect_widget_button_count_nub {float: left; position: relative; height: 0; width: 5px; top: -5px; left: 2px; }</style><div id="fake-like-rapper"><div class="fb-like" data-href="http://hugestreet.blogspot.in" data-send="false" data-layout="button_count" data-width="48" data-show-faces="false" data-font="arial" style="width: 48px; height: 20px; overflow: hidden;"></div><div id="like-fake"><div class="connect_widget_button_count_including"><table class="uiGrid" cellspacing="0" cellpadding="0"><tbody><tr><td><div class="thumbs_up hidden_elem"></div></td><td><div class="undo hidden_elem"></div></td></tr><tr><td><div class="connect_widget_button_count_nub"><s></s><i></i></div></td><td><div class="connect_widget_button_count_count">2.5M</div></td></tr></tbody></table></div></div></div>
PART 2
1. Now, go to this site https://developers.facebook.com/docs/plugins/like-button
2. In, URL Of Like option, enter your website name i.e. www.hugestreet.blogspot.in
3. In width option, Enter 225.
4. And then, Leave blank the Layout and Action Type option.
5. Then, click on Get code.
6. Now, a pop up window will appear.
7. Now, paste the first text box code After the <body> tag of your website template.
Now, the last part , the html code which you have saved on notepad part 1 tutorial), paste in your website layout area where you want to plugin appear on your page.
Install On Blogger Blog :
1. First do the above PART 2 tutorial.
2. Then, Log in to your blogger account.
3. Go to Dashboard > Layout > Add a Gadget (where you want to add like box ) > HTML/JavaScript.
4. Then paste the Part 1 Html Code (which is in Red color OR which you have saved on notepad) in the Content area.
5. Now, Click on save. done
Comments
Post a Comment