Cara Membuat Like Fan Pages Facebook Dan Twitter Keluar Masuk Di Samping Blog

Unknown

Trik Blog

3 Okt 2013

Belum ada komentar

Satu lagi trik bloging yang ingin saya bagi kepada kalian semua, tanpa basa basi lagi ini dia triknya :

1. Login ke blog anda
2. Pilih tata letak
3. Pilih tambah gadget
3. Pilih html/java script
4. Copy kan kode dibawah ini

<script src="http://crusader-12.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>

    <div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url(&quot;http://www.scri8e.com/white.gif&quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 3px solid #23aae2; display: block;"> <div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">

    <a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 2px; border: 1px solid rgb(102, 102, 102); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Exit</a> <strong style="color: rgb(0, 0, 0);"><blink>Jangan lupa klik Like/Suka ya..</blink></strong>

    <a href=" https://twitter.com/@susandiarta" title="Wayan Susandiarta" class="twitter-follow-button" data-button="grey" data-text-color="#23aae2" data-link-color="#ffffff">Follow @susandiarta</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script><script type="text/javascript">

    /*<![CDATA[*/

    jQuery(document).ready(function() {jQuery(".bdslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});

    /*]]>*/

    </script>

    <div class="bdslikebox" style="">

    <div>

    <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Bisnis-Online-Gratis/519547358126753?fref=ts?ref=ts;width=292&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: 292px;background:#fff;"></iframe><span></span>

    <span style="font-size: x-small;"></span></div></div></div></div>

5. Save dan lihat hasilnya.