Cara Menambahkan Kotak Popup Facebook Seperti di Blogger

Kita semua tahu pentingnya Facebook, baik dalam mempromosikan merek, produk atau layanan Anda, situs web atau blog, untuk menerima lalu lintas situs atau hanya sekadar terhubung dengan keluarga dan teman Anda.

Lainnya: Cara menambahkan widget Obrolan Facebook di Blogger.

Menambahkan popup Facebook seperti widget di Blogger Anda dapat secara signifikan meningkatkan dan meningkatkan suka Facebook Anda.

Dengan menggunakan Facebook yang sederhana dan mudah dipasang seperti widget ini Anda akan dapat membawa Halaman Facebook Anda di depan pengunjung blog Anda dan melalui ini, Anda akan memiliki 100% lebih banyak suka, pengikut, dan selain dari ini, Anda akan mendapatkan paparan sosial yang sangat besar.

Sebelum menuju, cara menanamkan widget Facebook Pop-Up Like di blog Blogger Anda, izinkan saya menjelaskan apa itu Facebook (Anda mungkin tertawa karena Anda sudah tahu apa itu Facebook, tapi baca terus bahwa Anda akan mendapatkan sesuatu yang berbeda).

Situs web Facebook didedikasikan untuk menyatukan orang-orang dalam platform jejaring sosial online. Melalui mana pengguna dapat terhubung dengan teman dan keluarga dan melihat apa yang terjadi dalam hidup mereka, berbagi foto, video, dan informasi dengan mereka.

Ada banyak situs jejaring sosial di internet tetapi Facebook adalah pemimpin yang tak terbantahkan.

Pada 2017 Facebook mengklaim bahwa lebih dari tiga perempat dari satu miliar orang memiliki akun di situs jejaring sosial Facebook dan itu persentase yang signifikan dari populasi dunia dan statistik yang lebih menarik ketika Anda menganggap itu mewakili sekitar setengah dari semua pengguna internet di seluruh dunia, orang-orang menghabiskan lebih banyak waktu di internet daripada sebelumnya dan Facebook telah menangkap sejumlah besar waktu itu.

Facebook adalah tempat yang Anda inginkan jika Anda mencari orang untuk bersosialisasi atau jika Anda memiliki bisnis yang perlu Anda pasarkan. Orang-orang umumnya menggunakan Facebook untuk check-in dengan teman dan keluarga. Mereka suka menghabiskan waktu membaca posting dan melihat gambar orang lain.

Sejumlah besar pengguna juga suka memeriksa bisnis dan merek favorit mereka. Misalnya, beberapa pengguna Facebook dapat menggunakan Facebook untuk mencari tahu apa yang sedang terjadi dengan merek favorit mereka atau melihat apa yang disampaikan segar setiap minggu.

Anda dapat melihat orang-orang di Facebook tidak hanya tertarik dengan apa yang dikatakan teman dan keluarga mereka, mereka juga suka dipasarkan.
Jadi, menambahkan widget Facebook popup Like di Blogger Anda dapat secara signifikan meningkatkan dan meningkatkan suka Facebook Anda. Dengan menggunakan widget Facebook Like yang pop-up yang sederhana dan mudah ini, Anda akan dapat membawa Halaman Facebook Anda di depan pengunjung blog Anda dan melalui ini, Anda akan memiliki 100% lebih banyak suka, pengikut, dan selain dari ini, Anda akan dapatkan paparan sosial yang sangat besar. Begitu,

Lainnya: Cara menambahkan kotak pencarian pop-up di Blogger

Bagaimana Menambahkan Popup Facebook Seperti Widget di Blog Blogger

Langkah 1. Masuk ke blog Blogger Anda dan klik Layout dan klik Add a Gadget.

Langkah 2. Pilih HTML / JavaScript dan rekatkan kode di bawah ini ke area konten seperti yang ditunjukkan di bawah gambar.

 1: <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>   
 2: <style>   
 3: #popupFbLikeBox {display:none;position:fixed;background:rgba(0,0,0,0.7);height:100%;width:100%;left:0;top:0;z-index:99999;}   
 4: #popupArea {position:absolute;background:white;height:270px;width:auto;left:63%;top:58%;border-radius: 5px;margin:-220px 0 0 -375px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}   
 5: #popupClose{text-align:center;padding:10px;position:relative;cursor:pointer;background: linear-gradient(#eee, #fff);border-top-left-radius: 5px;border-top-right-radius: 5px;color:#000;}   
 6: #popupClose:hover{color:red;}   
 7: .fbLikeboxArea {margin:0 auto;width:366px;height:1px;margin-top:16px;margin-left:20px;position:relative;}   
 8: @media only screen and (max-width: 500px) {   
 9: #popupArea{left:63%;top:58%;margin:-220px 0 0 -250px;}   
 10: .fb-like-box,.fb-like-box span,.fb-like-box span iframe[style]{width: 100% !important;}}   
 11: </style>   
 12: <script>   
 13: //<![CDATA[   
 14: jQuery.cookie = function (key, value, options) {   
 15: // set cookie...   
 16: if (arguments.length > 1 && String(value) !== "[object Object]") {   
 17: options = jQuery.extend({}, options);if (value === null || value === undefined) {   
 18: options.expires = -1;}if (typeof options.expires === 'number') {   
 19: var days = options.expires, t = options.expires = new Date();   
 20: t.setDate(t.getDate() + days);}   
 21: value = String(value);   
 22: return (document.cookie = [   
 23: encodeURIComponent(key), '=',   
 24: options.raw ? value : encodeURIComponent(value),   
 25: options.expires ? '; expires=' + options.expires.toUTCString() : '',   
 26: options.path ? '; path=' + options.path : '',   
 27: options.domain ? '; domain=' + options.domain : '',   
 28: options.secure ? '; secure' : ''   
 29: ].join(''));}   
 30: //get cookie...   
 31: options = value || {};   
 32: var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;   
 33: return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;};   
 34: //]]>   
 35: </script>   
 36: <script>   
 37: jQuery(document).ready(function($){   
 38: if($.cookie('logedin_user') != 'yes'){   
 39: $('#popupFbLikeBox').delay(2000).fadeIn('medium');   
 40: $('#popupClose').click(function(){   
 41: $('#popupFbLikeBox').stop().fadeOut('medium');   
 42: });   
 43: }   
 44: $.cookie('logedin_user', 'yes', { path: '/', expires: 7 });   
 45: });   
 46: </script>   
 47: <div id='popupFbLikeBox'>   
 48: <div id='popupArea'>   
 49: <div id='popupClose'>CLOSE   
 50: </div>   
 51: <div class='fbLikeboxArea'>   
 52: </div>   
 53: <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?   
 54: href=https://www.facebook.com/wonderkrish&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'   
 55: style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>   
 56: </div>   
 57: </div>

Langkah 3.

1. Ganti URL Halaman Facebook saya di nomor baris 54 dengan URL Halaman Facebook Anda sendiri.

2. Anda dapat mengubah kapan popup Facebook Anda akan muncul dengan hanya menambah atau mengurangi waktu pada nomor baris 39. Secara default, saya telah mengaturnya agar muncul setelah 2 detik.

Tetapi jika Anda ingin menambah, masukkan "delay (5000)" jika Anda ingin menampilkan pop-up setelah 5 detik atau "delay (7000)" selama 7 detik, dll

Langkah 4. Terakhir, klik Simpan untuk menyimpan pengaturan.

Harap diperhatikan: Anda mungkin tidak melihat Pop-Up sekaligus, jadi tunggu beberapa detik dan hapus cookie browser Anda.

Kesimpulan

Saya harap Anda berhasil menambahkan widget Pop-Up Facebook Like di blog Blogger Anda.
Ini telah sepenuhnya diuji dan berfungsi 100%.

Tetapi jika Anda telah menemukan masalah dalam prosesnya, Anda dapat meninggalkan komentar di bawah ini dan saya akan dengan senang hati menghubungi Anda.