Saturday, August 3, 2013

Cara Membuat Iklan Facebook / Twitter Melayang Di Blog

Iklan Facebook atau twitter melayang di blog lumayan di perlukan untuk para blogger. Iklan ini diperlukan karena iklan ini dapat membuat twitter ataupun facebook blogger itu sendiri menjadi terkenal.


Sekarang saya akan memberikan cara caranya :


  • loggin ke www.blogger.com
  • Pilih layout / tata letak
  • add gadget
  • Pilih HTML / JAVASCRIPT
  • Copy paste kode yang ada di bawah 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/DanilMeger" title="DanilMeger" class="twitter-follow-button" data-button="grey" data-text-color="#23aae2" data-link-color="#ffffff">Follow @DanilMeger</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/DJDaMeOffical?ref=hl?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>

Kata Kata yang perlu di perhatikan :
  • Merah : Bisa diganti dengan link twitter kalian
  • Kuning: Bisa diganti nama twitter
  • Ungu : Bisa diganti dengan link Facebook Kalian





0 comments:

Post a Comment