Cara Membuat Fanspage Melayang di Blog

Cara Membuat Fanspage Melayang di Blog

Cara Membuat Fanspage Melayang di Blog-Salam Sahabat Carakubisa, Pada sharing Cara Membuat Fanspage Melayang di BlogCara Membuat Fanspage Melayang di Blog ini, saya akan mencoba membuat postingan yang mudah untuk  Membuat Fanspage Melayang di Blog.

pada tutorial kali ini saya akan membuat postingan dengan cara paling mudah dan paling enak di pahami oleh agan agan semua, mungkin cuman butuh waktu sekitar 2 menit untuk agan praktekkan di blog agan semua. semoga dapat membantu nantinya.

berikut langkahnya :

  1. pertama dasbor blog
  2. pilih tata letak
    fp
  3. kemudian tambahkan widget
    Screenshot_1
  4. klik HTML/javascripts
    Screenshot_2
  5. Paste kode di bawah ini
    Screenshot_3
  6. ini kodenya
  7. <style type=’text/css’>
    /* Message Box */
    #box-message {
    position:fixed !important;
    position:absolute;
    top:-1000px;
    left:50%;
    margin:0px 0px 0px -182px;
    width:300px;
    height:auto;
    padding:16px;
    background:#fff;
    font:normal Dosis, Georgia, Serif;
    color:#111;
    border:2px solid #333;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    }
    #box-message a.close {
    position:absolute;
    top:-10px;
    right:-10px;
    background:#fff;
    font:bold 16px Arial, Sans-Serif;
    text-decoration:none;
    line-height:22px;
    width:22px;
    text-align:center;
    color:#111;
    border:2px solid #333;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    border-radius:22px;
    cursor:pointer;
    }
    #twitterx {
    background: #EEF9FD;
    padding: 10px;
    text-align:center;
    border: 1px solid #C7DBE2;
    border-top: 0;
    }
    </style>
    <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script>
    <script type=’text/javascript’>
    $(window).bind(“load”, function() {
    // Animate Top Value When Page Loaded Completed
    $(‘#box-message’).animate({top:”50px”}, 1000);
    // Remove Mailbox When Close Button On Click
    $(‘a.close’).click(function() {
    $(this).parent().fadeOut();
    return false;
    });
    });
    </script>
    <div id=’box-message’>
    <!– HTML Start –>
    <center><a class=”murub”>Kalau Bermanfaat,Silahkan Dilke Ia</a></center>
    <center>
    <iframe src=”//www.facebook.com/plugins/likebox.php?href=https://ALAMAT/URL FANSPAGE AGAN
    ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:292px; height:258px;” allowtransparency=”true”></iframe>
    </center>
    <!– HTML End –>
    <br/>
    <div class=”twitter”>
    <!– Twitter –> <iframe title=”” style=”width: 250px; height: 20px;” class=”twitterx-follow-button” src=”http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=namatwitteragannt-weight:bold;”>namatwitteragan</span>nt-weight:bold;”>namatwitteragan</span>&amp;show_count=&amp; show_screen_name=&amp;text_color=” frameborder=”0″ scrolling=”no”></iframe> </div>
    <div style=”text-align: center;”>
    <a href=”http://muksalmuna-chikafe.blogspot.com/2013/10/cara-membuat-fanspage-melayang-di-blog.html” target=”_blank”>Get This Widget</a></div>
    <a class=’close’ href=’#’>&times;</a>
    </div>
  8. Nah selamat mencoba, kalo ada yang kurang di mengerti boleh di tanyakan di komentar