Selasa, 19 Maret 2013

cara membuat kotak like di blog

hay ketemu dengan saya lagi sobat dan kali ini pertemuan saya mau ngasih tau tentang membuat koatak like di blog tentu nya di sambungkan ke facebook

oke gag usah basa basi uta utu langsung gan

1.masuk ke tata latak sobat
2.pilih add gadget
3.klik HTML/JAVA SCRIPT
4.masukan kode berikut

<script type="text/javascript">
        //<!--
        $(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
        //-->
        </script>
        <style type="text/css">
        .floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrPtoTJIsminX3XdbkJj_dtNUNcddxTRUudIxvjAWdM9AYBidkvvxZets4QP06s-Dz0pzBCkeiI_24sCCVx2jsnk-96pom-6b9kqAdyzNy4w11Y6iK3JD-spHh948D8wBriZN6z63OHAk/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
        .floatinglikebox div{border:none;position:relative;display:block;}
        .floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
        .floatinglikebox span a{color: #808080;text-decoration:none;}
        .floatinglikebox span a:hover{text-decoration:underline;}
        </style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Jokowi/318734921552000?ref=hl&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#ffffff;" allowtransparency="true"></iframe><span><a href="http://robyoctavia.blogspot.com/" target="_blank">Get Widget</a></span></div></div>


5.ganti tulisan berwarna merah dengan alamat fan pages fb anda atau begitu saja

HAPPY BLOGGING

Artikel Terkait

0   komentar

Posting Komentar

Cancel Reply