7/06/2014

How To Show Fake Facebook Like Box on Website

                     
How To Show Fake Facebook Like Box on Website

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>


Customization :- Replace the  http://hugestreet.blogspot.in  with your website name and   2.5M  with how much fake like you want to appear on your website.

 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
                                          
Load comments