New Facebook Pop Out Page Plugin Widget v2.3

In a post on its page for developers, the social networking giant suggested that they start using the new Page Plugin instead.

It allows administrators to promote their Pages and embed a simple feed of content from a Page into other sites.

"With the release of Graph API v2.3, the Like Box plugin is deprecated and will stop working on June 23rd 2015. Use the new Page Plugin instead. The Page Plugin allows you to embed a simple feed of content from a Page into your websites," it said. posted : http://www.blogmytuts.net/2015/04/like-box-plugin-for-page-is-deprecated.html

The New Page Plugin widget remains in a fixed position on the right-hand side of your site. When you hover over the blue facebook image, the Page Plugin will then slide and reveal itself using jquery.

How put this widget on your blog site

1. Copy this Scripts change the appId number if you have and paste it on your Blog Template after <body> tag.

CODE

     <!-- facebook -->

    <div id="fb-root">
</div>
<script>

    window.fbAsyncInit = function() {

        FB.init({

          appId      : '107963722663354', // App ID

          xfbml      : true, // parse XFBML

          version    : 'v2.3' // sdk version          

        });

        // Additional initialization code here

      };

      // Load the SDK Asynchronously

      (function(d, s, id){

         var js, fjs = d.getElementsByTagName(s)[0];

         if (d.getElementById(id)) {return;}

         js = d.createElement(s); js.id = id;

         js.src = "//connect.facebook.net/en_US/sdk.js";

         fjs.parentNode.insertBefore(js, fjs);

       }(document, 'script', 'facebook-jssdk'));

    </script>

    <!-- /facebook -->

Sample Image:

2. Copy the Scripts below on your Notepad or Text Document .

CODE

    <!--Floating Facebook Widget by www.blogmytuts.net START-->

    <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".blogmytuts").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-350"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .blogmytuts{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HJpJpcyxD3lXPpnznpAKLGnmJTmKUsH-5FclI0xXhG5Qz4G2i6Ih3kKgdYiiHxtLZ2_W_ijwYfvjrykqIDP-GTW6rtjsQb_Ei1TAWttVbX61OAh-BuLclIsuGPXDwWZH3L8_coQ4h6yZ//") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 0px 0 46px;width: 345px;z-index:  99999;position:fixed;right:-345px;top:20%;} .blogmytuts div{ padding: 0; margin-right:-30px; border:4px solid  #3b5998; background:#fafafa;} .blogmytuts span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .blogmytuts span a{color: gray;text-decoration:none;} .blogmytuts span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.blogmytuts.net--><div class="blogmytuts" style="">

    <!--http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html--><div>

    <!-- http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html--> <iframe src="http://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FBlogmytuts&width=250&height=320&colorscheme=light&show_faces=true&show_posts=true&header=true&stream=true&show_border=true&data_hide_cover=false&scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:320px;" allowtransparency="true"><!--Brought to you by www.blogmytuts.net--></iframe><!--Brought to you by www.blogmytuts.net--><span><!--Brought to you by www.blogmytuts.net--><center>

    <a style="color:#a8a8a8;font-size:12px;" href="http://blogmytuts.net">blogmytuts</a> - <a style="color:#a8a8a8;font-size:12px;" href="http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html">Click Here to Get this Widgets</a></center>
</span></div>
</div>
<!--Floating Facebook Widget by www.blogmytuts.net AND www.blognizend.blogspot.com END-->

3. Find and Edit the Fallowing Press Ctrl+F .
Blogmytuts = Your Page Name

320 = Height of your Plugin optional If you want to change it :) .

4. Paste the Script on your Blog Gadget or HTML widgets.

Now your Done!

Optional Scripts if you don't want No feed of content from a Page.
Edit Blogmytuts Page Name

CODE

<!--Floating Facebook Widget by www.blogmytuts.net START-->

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".blogmytuts").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-350"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .blogmytuts{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HJpJpcyxD3lXPpnznpAKLGnmJTmKUsH-5FclI0xXhG5Qz4G2i6Ih3kKgdYiiHxtLZ2_W_ijwYfvjrykqIDP-GTW6rtjsQb_Ei1TAWttVbX61OAh-BuLclIsuGPXDwWZH3L8_coQ4h6yZ//") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 0px 0 46px;width: 345px;z-index:  99999;position:fixed;right:-345px;top:20%;} .blogmytuts div{ padding: 0; margin-right:-30px; border:4px solid  #3b5998; background:#fafafa;} .blogmytuts span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .blogmytuts span a{color: gray;text-decoration:none;} .blogmytuts span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.blogmytuts.net--><div class="blogmytuts" style="">

<!--Brought to you by http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html--><div>

<!-- http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html--> <iframe src="http://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FBlogmytuts&width=250&height=250&colorscheme=light&show_faces=true&header=true&stream=true&show_border=true&data_hide_cover=false&scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:270px;" allowtransparency="true"><!--Brought to you by www.blogmytuts.net--></iframe><!--Brought to you by www.blogmytuts.net--><span><!--Brought to you by www.blogmytuts.net--><center>

<a style="color:#a8a8a8;font-size:12px;" href="http://blogmytuts.net">blogmytuts</a> - <a style="color:#a8a8a8;font-size:12px;" href="http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html">Click Here to Get this Widgets</a></center>
</span></div>
</div>
<!--Floating Facebook Widget by www.blogmytuts.net AND www.blognizend.blogspot.com END-->

If you want to convert it to PHP this website auto convert my scripts thanks!!

Header Ads

New Facebook Pop Out Page Plugin Widget v2.3

How put this widget on your blog site

No comments

ads

Facebook

Popular

Recent

Comments

ADVERTISE

Internet News

Blog Archive

Tutorials

Recent Comments

STATS