"Facebook Popup Like Box Widget" Untuk Blogger / Blogspot

Konten Iklan
Konten Iklan
Facebook telah menjadi layanan media sosial terkemuka di dunia ini, lebih dari 1,3 milyar pengguna telah menggunakan Facebook. Dari sekian itu ada sekitar 800 juta orang login ke Facebook untuk sekedar meng-update status setidaknya sekali sehari. Tentunya ini perkembangan Facebook yang sangat luar biasa

Untuk menghasilkan kampanye digital yang efektif, Anda benar-benar harus memanfaatkan media sosial dengan melakukan hal-hal seperti mengintegrasikan Facebook di Blogger. Umpan Feed dari RSS mungkin berguna, tetapi tidak seperti Facebbok yang simple dan praktis.

Pikirkan saat ketika Anda menerima email di kotak masuk Anda dari seseorang yang Anda tidak tahu. Mana Anda cenderung untuk membukanya atau apakah Anda mengirimkannya tepat ke folder sampah? Jika itu adalah pengenalan pertama Anda untuk konsumen baru, mereka hanya tidak tahu siapa Anda, apa yang Anda inginkan dan bagaimana Anda mendapatkan email mereka. Reputasi pengiriman email tentang sebuah studi yang dilakukan oleh Kaspersky Lab, sebuah perusahaan riset Internet. Mereka memperkirakan bahwa sekitar 70% dari semua email yang dikirim di dunia adalah spam.

Berbagi konten situs menggunakan Facebook seperti kotak adalah hanya salah satu dari banyak strategi yang dapat menghasilkan regular flow lalu lintas dari beragam demografis yang mungkin telah sebelumnya tidak dapat diakses. Menambahkan sebuah Facebook seperti kotak ke situs Anda membantu untuk mengurangi beban kerja Anda individu, dan sebagai gantinya mendistribusikan kemampuan itu sama antara pembaca Anda. Ketika seseorang membaca konten Anda dan menghargai jenis pekerjaan yang Anda menghasilkan, mereka akan bersedia untuk berbagi informasi tersebut kepada mereka pengikut dan penggemar, berangkat reaksi virus. Langkah pertama yang diperlukan untuk membuat ini menjadi kenyataan adalah untuk membuat perubahan ini ke situs Anda. Ini beberapa langkah berikutnya akan menyediakan Anda dengan panduan cepat dan mudah tentang cara untuk menambahkan 'Seperti kotak' situs Blogger Anda sehingga Anda dapat mulai mengambil keuntungan dari peluang besar ini.
image source: http://helplogger.blogspot.co.id/

Bagaimana cara menambahkan Facebook Popup seperti kotak Widget

1. Login ke account Blogger Anda dan pilih blog Anda > pergi 'Tata letak' & klik tautan 'Tambahkan Gadget' di sisi kanan
2. Setelah jendela popup terbuka, pilih gadget HTML/JavaScript dari daftar:
image source: http://helplogger.blogspot.co.id/

3. Copy dan paste kode berikut di bawah ini dalam kotak kosong

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
#fbox-close {
    width: 100%;
    height: 100%;
}
#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}
#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</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_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/pages/Helplogger/120574614736021&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://helplogger.blogspot.com/2014/12/facebook-popup-like-box-blogger-widget.html" rel="nofollow">Helplogger</a></div>
</div>
</div>



Kustomisasi 

Setelah menambahkan kode, mengganti alamat di biru
https://www.facebook.com/pages/Helplogger/120574614736021
dengan URL halaman situs Anda di Facebook.

Widget akan muncul 5 detik setelah halaman selesai loading. Jika Anda ingin mengubah penundaan ini, mengubah nomor 5000 ke nomor yang lebih kecil atau lebih dalam bagian ini:.

Delay(5000)

Secara default, seperti kotak hanya muncul pertama kali pengguna mengunjungi halaman Anda. Jika Anda ingin kotak Facebook untuk popup setiap kali halaman load, kemudian menghapus baris kode ini:

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


Setelah menyimpan pekerjaan Anda, Anda dapat menguji fitur baru Anda dengan kembali ke salah satu posting lama yang harus membawa sedikit widget popup yang meminta jika Anda ingin bergabung dengan situs halaman facebook.

Jika Anda tidak melihat Facebook seperti kotak pada halaman, Anda mungkin perlu menghapus kuki Anda atau periksa bagian 'Kustomisasi' di atas untuk menampilkan widget setiap kali pengguna mengunjungi situs Anda.


Konten Iklan
Tidak menemukan apa yang anda cari ??? coba gunakan kotak penelusuran di bawah ini

Posting Komentar

Kami akan senang sekali mendengar komentar anda