Code Like Facebook đẹp cho các bạn làm Blog, Web ^_^

Thảo luận trong 'Thế giới WebMaster' bắt đầu bởi bboy_nonoyes, 15 Tháng 9 2012.

  1. (Lượt xem: 4,880)

    Lang thang internet thấy có cái Facebook Like khá đẹp nên rip về & chỉnh sửa lại cho các bạn dùng.
    Bạn chỉ cần thay http://www.facebook.com/nguoibaclieuforum thành Fanpage của bạn là được!

    HTML:
    <style>
    /*Facebook Like */
    .slide_likebox {
        float:right;
        width:247px;
        height:385px;
        background: url('http://nguoibaclieu.com/diendan/styles/images/fb.png') no-repeat !important;
        display:block;
        color:#FFFFFF ;
        right:-205px;
        padding:0;
        position:fixed;
        top: 170px;
        z-index:1002;
    }
     
    .slide_text {
        font-family: Geneva, Verdana, sans-serif;
        font-size: 8px;
        padding-left: 10px;
        text-decoration: none;
        color: #FFFFFF;
    }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript">
            jQuery.noConflict();
                jQuery(function (){
                    jQuery(".slide_likebox").hover(function(){
                    jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
                    },function(){
                        jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
                        },500);
                return false;
            });
    </script>
    <div class="slide_likebox" style="right: -205px; "> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><div class="FB_Loader"></div><span><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/nguoibaclieuforum&amp;width=200&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=380" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:380px;" allowtransparency="true"></iframe></span></div></div>
    P/s: huongbien198 xem và áp dụng cho Blog của em đi nhé em trai! Liên kết Like cho Facebook, rất đẹp! :D
    Chèn code vào Blog giống code tên lửa Back to top của diễn đàn anh hướng dẫn hôm bữa vậy đó! :D
    Chúc em thành công! :D
    huongbien198 thích bài này.
  2. Facebook comment - Code Like Facebook đẹp cho các bạn làm Blog, Web ^_^

  3. Thanks admin Như Ý :) ^^

Chia sẻ trang này