Cara Pasang Pop Up Like Box Facebook, Twitter, Dan Google Plus Di Blog

Cara Pasang Pop Up Like Box Facebook, Twitter, Dan Google Plus Di Blog - Biasanya hal ini di lakukan agar lebih mudah berinteraksi dengan pengunjung atau penggemar blog kita, cara ini sungguh sangat efektif untuk menarik minat pengunjung agar mempermudah melihat artikel terbaru atau berita terbaru dari blog yang di ikutinya.
Cara Pasang Pop Up Like Box Facebook, Twitter, Dan Google Plus Di Blog
Tampilan Like Box Yang Akan Kita Buat
Biasanya blog di pasangi like box hanya berupa twitter atau facebook saja, dan saya pernah melihat salah satu blog yang memasang pop up like box dengan waktu yang lama agar pengunjung terpakasa memencet tombol like, hehe cara ini memang agak memaksa agar pengunjung mau menekan tombol like. baiklah silahkan bacacaranya di bawah ini.

Cara Pasang Pop Up Like Box Facebook, Twitter, Dan Google Plus Di Blog :
  1. Masuk ke dashboard blogger anda.
  2. Kemudian pilih tab "Tata Letak".
  3. Dan klik "Add New Gadget".
  4. Dan pilih "HTML/JavaScript".
  5. Kemudian pastekan kode yang saya warnai merah di bawah ini :
  6. <style type='text/css'>
    /* http://indahpunyaa.blogspot.com */
    #box-message {
    position:fixed !important;
    position:absolute;
    top:-1000px;
    left:35%;
    margin:0px 0px 0px -182px;
    width:620px;
    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><h3 class='mdbox-title'>Di Follow Salah Satu Ya!</h3></center>
    <center>
    <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Selembar-Tutorial/634020916642927&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>
    <div class="g-plus" data-action="followers" data-height="300" height="258" data-href="https://plus.google.com/+HanungBayuAdji" data-source="blogger:blog:followers" data-width="310">
    </div>
    <script type="text/javascript">
    (function() {
    window.___gcfg = {'lang': 'en'};
    var po = document.createElement('script');
    po.type = 'text/javascript';
    po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(po, s);
    })();
    </script>
    </center>
    <!-- HTML End -->
    <br/>
    <div class="twitter">
    <center><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=hanung_bayu_a&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe></center> </div>
    <a class='close' href='#'>&times;</a>
    </div>
  7. Kemudian sebelum di simpan ubah dahulu script yang saya warnai merah dengan data anda, caranya ubah "https://www.facebook.com/pages/Selembar-Tutorial/634020916642927" dengan alamat fanpage facebook anda, ubah juga "https://plus.google.com/+HanungBayuAdji" dengan alamat Google Plus anda, dan ubah "hanung_bayu_a" dengan nama twitter anda.
  8. Kemudian simpan dan lihat hasilnya.
Sekian artikel saya kali ini mengenai Cara Pasang Pop Up Like Box Facebook, Twitter, Dan Google Plus Di Blog, jika ada yang ingin di tanyakan silahkan bertanya melalui komentar.

-Cara Pasang Pop Up Like Box Facebook, Twitter, Dan Google Plus Di Blog-