Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...
Seo Master present to you:
Add Facebook Popout Like Box To Blogger

Facebook Popout Like Box is a new version of FB Like Box for Bloggers,this box will help you to get Facebook Page likes , the likes can be for your website/blog page or any other page.We should not underestimate the Social Media , in which Facebook is at the top , therefore get more likes for your Facebook page and get high traffic from your Facebook Pages , in this regard a New Facebook Popout Like Box Version 2 has been released which will solve your traffic problem,this is very stylish Like Box , you can add this Like Box to any side of your Blog/Website .Whenever someone move mouse on it , it will pops up .However Let's see how to add this box to Blogger.

Facebook-popout-like-box


Live Demo

How To Add Facebook Popup Like Box To Blogger


Before installing/adding Facebook Popup Like Box to your Blog , you must already install the jQuery Plugin to your blog template , if you have not added that plugin follow the below easy steps to add.

  • Sign in to your Blogger Account 
  • Go To Blogger Dashboard , there click on template after that Click on Edit HTML , then Proceed it , Check the Small Box "Expand Widgets Template" after that Search for </head> tag.
  • Now Copy the below Script and paste below/under </head> Tag
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  • The Plugin is installed , now lets add the Like Box
  • Again Go to Blogger Dashboard
  • Click On Layout
  • Add a Widget and Select HTML/JavaScript
  • A Box will popup , now Copy the below script/code and paste it in the box.

<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("http://www.matrixar.com/-MaW4PTF8Qkc/T13eWvP_ZoI/AAAAAAAABc8/ZCYfPlB1jug/s1600/w2b_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#fbplikebox").css({left: -250, "top" : 100 })
            w2b("#fbplikebox").hover(function () {
                w2b(this).stop().animate({
                    left: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    left: -250
                }, $dur);
            });
            w2b("#fbplikebox").show();
        });
    })(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
    <div class="fbplbadge"></div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fthatsblogging&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#F5EBF5;" allowtransparency="true"></iframe>
</div>


  •  Change The Page Username in the Script to your Own Page Username i.e "ThatsBlogging".
  • You Can Change the width and height of the box (the width and height is clearly indicated by red text i.e 250 ".
  • Now hit Save and that's it !
  • Still Confuse ? Feel Free to ask any question , we will anwser you !
Actually the script is coded by Way2Blogging.com , all credit goes to W2B , but we share this for the sake of our Visitors , Stay Blessed , Happy Blogging
2013, By: Seo Master

seo Add Facebook Popout Like Box To Blogger 2013

Seo Master present to you: By Noel Gorelick, Software Engineer

Last summer we launched a site aimed to help educators and students alike become more familiar with the technology behind Google and the massive internet in general. Recently, we've redesigned that site and given it a fresh name: welcome Google Code University.

Google Code University is a growing repository of computer science educational material including tutorials, lecture slides, and videos. Since the initial launch last summer, we've added a lot of new content -- for example, a few months ago we blogged about course material that the University of Washington developed with us on large-scale distributed computing. Recently, we've added tutorials on MySQL and Subversion. And there's a new series of lectures from an introductory web programming class taught at the University of Washington. The site's still growing, and we'll keep adding more content in the coming months.

Most importantly, most of the course materials are Creative Commons licensed, so we encourage educators and students to reuse and build upon them. If you have questions, comments, or materials you'd like to share, please visit the forum. We'd love to hear your feedback and have you contribute to the site.2013, By: Seo Master

seo Google Code University: CS Educational Materials 2013

Seo Master present to you:
I think you create a site that is informative and hope that you will get thousands of visitors, but they are not getting. What do you do then?Then you can seo .
The seo all over the world, people can show your website. The search engine is a very important issue .
The search engine will provide you with thousands of guests . The more people who will be your website, the higher your income will be higher.The seo for a website is a very important issue.
But you will need to know is how to seo.
Once you can learn how to be seo. You can earn a lot of money.Seo know you can earn money from the internet market.The education seo visit our website every day. We hope you can be a seo expert.
The next chapter will be posted tomorrow. What is the benefit of SEO?

2013, By: Seo Master

seo Why do SEO ? 2013

Powered by Blogger.
Design by Dev Nasser