Home » , » Cara membuat Facebook Page keren

Cara membuat Facebook Page keren

Written By Trik dan berita on Senin, 16 April 2012 | Senin, April 16, 2012

Cara membuat Facebook Page keren.Sebenarnya untuk membuat animasi Facebook page supaya keren dan elegan bisa berbagai cara kita gunakan.
tapi untuk postingan kali ini saya akan share bagaimana membuat facebook page sobat berada static di bagian bawah body blog, dan jika mouse menyentuh panel facebook maka facebook page sobat akan otomatis terbuka.
Untuk lebih jelasnya silahkan lihat demo :
Demo facebook page static.
lihat di bagian bawah kanan ada button facebook warna ungu..
ok jik sudah jelas selanjutnya kita bahas cara pasang di blog.
1. Silahkan ke Rancangan > Edit Html.
2. cari kode </head>, jika sudah ketemu , pastekan kode berikut ini tepat di atas atau sebelum kode </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
3. jika sudah, silahkan save template sobat, lalu kembali ke rancangan > page elements.
silahkan add a gadget > pilih Html/javascript. jika area tempat kode sudah terbuka, pastekan kode di berikut ke dalam kotak area.

<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#77177F;display: block;height: 47px;left: 50%;margin-left: -75px;position: absolute;top: -47px;width: 150px;background-image: url("http://1.bp.blogspot.com/-_DJDMqA7TyA/T13eVz4Ej5I/AAAAAAAABc4/uVvfReYXqmY/s1600/w2b_horizantal.png");background-repeat: no-repeat;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;overflow: hidden;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#fbplikebox").css({bottom: -250, "right" : 90 })
            w2b("#fbplikebox").hover(function () {
                w2b(this).stop().animate({
                    bottom: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    bottom: -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=https%3A%2F%2Fwww.facebook.com%2Finfoberitaunik&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23851885&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#fff;" allowtransparency="true"></iframe>
</div>

4. jika sudah simpan template anda dan lihat hasilnya.. selamat facebook page anda sudah static di bawah body.
jika postingan ini membantu ,silahkan beri komentar dan likenya ya...

Popular Posts

VIDEO LUCU HARI INI

Blog Archive

Top Dan Unik. Diberdayakan oleh Blogger.
Topics :