Minggu, 15 Januari 2012

Cara Membuat Hide and Show Facebook Fans Page

| Minggu, 15 Januari 2012 | 2 komentar

Cara Membuat Hide and Show Facebook Fans Page - Setelah tadi pagi saya mengshare Cara Memberi Gambar Background Pada Cbox kali ini saya akan langsung mengshare Cara Membuat Hide and Show Facebook Fans Page, walaupun pundak masih pegel pegel, tapi gpp deh...

Fungsi dari hide and show adalah supaya agar blog sobat lebih rapih...
Jadi terkesan simple tapi bagus...
Hide and show facebook fans page yang dimaksud adalah...
Box tempat like fans page facebook, tapi diberi hide and show....

Sudah mengerti??
Mari langsung kita bahas ke tutorial cara membuat hide and show facebook fans page :
  1. Login ke blogger sobat...
  2. Kemudian masuk kebagian rancangan => edit html...
  3. Kemudian sobat cari script <head>, setelah ketemu kemudian sobat copy script dibawah ini kemudian pastekan tepat diatas script <head>...
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
  4. Kemudian simpan...
  5. Nah kemudian tambahkan widget/gadget dengan script dibawah ini...
    <script type="text/javascript">
    //<!--
    $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
    //-->
    </script>
    <style type="text/css">
    .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiohiMJf8RvbTs9YCDbIN2Vr08WYM7DfaoykgoL_F-zv6wk_J2BzJM2D0nmjNGyed06K2_yfOPzhSZSYQ5BnquxrmcLIdxSALjjqqtPzm4l9pxcvbAXKWbFQe_e-PC2PL7zBv84g6BmZ7nw/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
    .w2bslikebox div{border:none;position:relative;display:block;}
    .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
    .w2bslikebox span a{color: #808080;text-decoration:none;}
    .w2bslikebox span a:hover{text-decoration:underline;}
    </style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Cybertrikwebid/191359720881159&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.way2blogging.org/">Way2blogging</a> / <a href="http://www.way2blogging.org/2011/06/add-static-facebook-pop-out-like-box.html">+Get This!</a></span></div></div>
  6. Ganti warna ungu dengan link fans page blog sobat...
  7. Simpan...
Selamat Mencoba...



Related Post :

Artikel Terkait:

2 komentar:

Andre Andrial Barus mengatakan...

;)

Said Muhammad Arief Budiansyah mengatakan...

Screenshot donk gan? :D

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 
Copyright © 2011 Cybertrik.web.id . All rights reserved | Cybertrik.web.id is proudly powered by Blogger.com | Template by Loc Arif