Mayoritas blogger memiliki fanspage masing-masing. Salah satu kegunaan membuat fanspage untuk blog adalah untuk membagikan artikel terbaru kita melalui facebook, sehingga artikel tersebut bisa dilihat orang banyak. Namun tentu saja kita membutuhkan like yang banyak agar artikel yang kita share di facebook lebih banyak dilihat orang. Salah satu cara untuk mendapatkan like adalah dengan cara memasang pop up like di blog kita.

Lalu bagaimana cara memasangnya?
Pertama kalian login duli ke akun blog kalian masing-masing. Kemudian klik tata letak > tambah widget > html/java script.

Lalu pastekan kode dibawah ini kedalamnya
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

            <style>

            #fanback {

            display:none;

            background:rgba(0,0,0,0.8);

            width:100%;

            height:100%;

            position:fixed;

            top:0;

            left:0;

            z-index:99999;

            }

            #fan-exit {

            width:100%;

            height:100%;

            }

            #fanbox {

            background:white;

            width:420px;

            height:270px;

            position:absolute;

            top:58%;

            left:63%;

            margin:-220px 0 0 -375px;

            -webkit-box-shadow: inset 0 0 50px 0 #939393;

            -moz-box-shadow: inset 0 0 50px 0 #939393;

            box-shadow: inset 0 0 50px 0 #939393;

            -webkit-border-radius: 5px;

            -moz-border-radius: 5px;

            border-radius: 5px;

            margin: -220px 0 0 -375px;

            }

            #fanclose {

            float:right;

            cursor:pointer;

            background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;

            height:15px;

            padding:20px;

            position:relative;

            padding-right:40px;

            margin-top:-20px;

            margin-right:-22px;

            }

            .remove-borda {

            height:1px;

            width:366px;

            margin:0 auto;

            background:#F3F3F3;

            margin-top:16px;

            position:relative;

            margin-left:20px;

            }

            #linkit a.visited,#linkit a,#linkit a:hover {

            color:#80808B;

            font-size:10px;

            margin: 0 auto 5px auto;

            float:center;

            }

            </style>



            <script type='text/javascript'>

            //<![CDATA[

            jQuery.cookie = function (key, value, options) {


            // key and at least value given, set cookie...

            if (arguments.length > 1 && String(value) !== "[object Object]") {

            options = jQuery.extend({}, options);


            if (value === null || value === undefined) {

            options.expires = -1;

            }


            if (typeof options.expires === 'number') {

            var days = options.expires, t = options.expires = new Date();

            t.setDate(t.getDate() + days);

            }


            value = String(value);


            return (document.cookie = [

            encodeURIComponent(key), '=',

            options.raw ? value : encodeURIComponent(value),

            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE

            options.path ? '; path=' + options.path : '',

            options.domain ? '; domain=' + options.domain : '',

            options.secure ? '; secure' : ''

            ].join(''));

            }


            // key and possibly options given, get cookie...

            options = value || {};

            var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;

            return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;

            };

            //]]>

            </script>

            <script type='text/javascript'>

            jQuery(document).ready(function($){

            if($.cookie('popup_user_login') != 'yes'){

            $('#fanback').delay(30000).fadeIn('medium');

            $('#fanclose, #fan-exit').click(function(){

            $('#fanback').stop().fadeOut('medium');

            });

            }

            $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

            });

            </script>


            <div id='fanback'>

            <div id='fan-exit'>

            </div>
<div id='fanbox'>

            <div id='fanclose'>

            </div>
<div class='remove-borda'>

            </div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?


            href=https://www.facebook.com/obiblogger&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'


            style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>

            <span id="linkit"><a href="http://mohammadrobih.blogspot.com/2013/12/cara-membuat-pop-up-like-facebook-di.html" target="_blank">Widget Facebook </a><a href="http://mohammadrobih.blogspot.com/">Popup</a></span></center>
</div>
</div>
Ganti url fanspage diatas dengan url fanspage kalian masing-masing. Pop up ini hanya akan tampil sekali saja jadi tidak akan mengganggu pengunjung blog kalian. Kalau berkenan like fanspage OBI Blogger untuk mendapat postingan berikutnya.

NB: Baca cara agar blog ramai pengunjung
Baca juga : 5 Alasan membuat blog.
OBI (Author)
About The Author:

OBI, Author di blog absurd: www.biobii.com. Ikuti:

0 komentar:

Posting Komentar

Tulis komentar anda.
1. Berkomentarlah sesuai tema artikel diatas.
2. Dilarang spam, jualan atau promosi.
3. Gunakan bahasa yang sopan.
4. Tolong untuk tidak menyematkan link aktif.
5. Centang "Beri tahu saya" agar anda tahu balasan dari kami.

Terimakasih sudah berkunjung :>) :p

 
Top