Increase Likers : Create Unique Facebook Like Button

The Facebook Like button allows people to share interesting sites they find, with their friends on Facebook. You can place a Like button on any web page and when a user clicks on it, a story appears in the user’s friends’ News Feed with a link back to your website.In my Previous post i have shares some different kind of customized facebook like box. and like button in 15 different style. But in this post i'm here with a unique topic, Creating a Unique Facebook Like Button. Sounds interesting? yes ! im going to tell you to create a unique facebook like button. We can do it using some clever CSS, you can disguise the Like button to look like something else and trick people to click on the button, But note that this is against the policy of Facebook. Do it on your own risk.

Want Demo?

Click on Demo Icon to see a Demo of Fake Facebook Like button.

Now check your Facbook Timeline, there you can see a message that you liked PokharaTech.com's Facebook page. Isn't it awesome? 

How to create Fake Facebook Like Button?

You can use it in various way, you can use it like Next Page, Demo Icon, or Like Us in unique style. To use Fake Facebook Like button, use the code given below, you can use it anywhere in your blog.

<style type="text/css">
    #pokharatechlikebutton {
    position:relative;
    width:110px;
    height: 110px;
    color:#fff;
    background:black;   
    }   
    #pokharatechlikebutton iframe {
    position:absolute;
left:15px;
    top: 50px;
    width: 110px !important;
    }   
    #fake_facebook_button {
    pointer-events: none;
    position:absolute;
    width: 110px;
    height: 110px;
    left:0;
    top:0;
    background: url('http://i50.tinypic.com/2ry55hl.gif');   
    }
</style>
<div id="pokharatechlikebutton">
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/pokharatech&amp;layout=button_count&amp;show_faces=true&amp;width=600&amp;action=recommend&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:600px; height:21px;" allowtransparency="true"></iframe><div id="fake_facebook_button"></div>
</div>

Costomization

Replace http://www.facebook.com/pokharatech with your facebook page link and if you want to change image (demo) to another any one of your choice, upload 110x110 px image to any free image hosting site and replace http://i50.tinypic.com/2ry55hl.gif with direct link of your image.

From the Editor's Desk

Getting like for Page is being a difficult work now a days, isn't it? So i was thinking about an extra idea to build likers for my page, as the result i have create this widget. If you found this article useful for you please let your friend know about it, i mean share it with your friend. If you face any problem regarding this post the comment box below is only for you :), Peace, Happy Blogging !