Facebook Pop Out Untuk Platform Blogger

Facebook Pop Out Untuk Platform Blogger - Kongsi Post blog ke media sosial juga adalah antara salah satu cara untuk kita meningkatkan traffic blog secara konsisten. Bagi blogger yang siap mempunyai Facebook Fan Page jangan persiakan peluang yang ada tingkatkan traffic anda dengan menggunakan Facebook Fan Page.

Meletakkan widget Fan Page ini juga secara tidak langsung membolehkan kita perolehi "Like" dari pengunjung blog kita yang berasal dari search engine. Salah satu caranya ialah Pasang Facebook Pop Out Untuk blog Anda. Anda boleh Semak tutorial dibawah berkenaan Facebook Pop Out.


Facebook Pop out untuk blogger

Cara Meletakkan Facebook Pop Out Dalam Blog

  • Masuk ke Dashboard Blogger anda.
  • Klik pada Layout, Kemudian tambah gajet
cara facebook pop out

  • Cari dan pilih HTML/JavaScript
  • Salin atau "Copy" Kod dibawah ini.
<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/expandroiders&width=402&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://www.expandroiders.com/2015/07/facebook-pop-out-untuk-platform-blogger.html" rel="nofollow">Team ExpanDroiders</a></div>
</div>
</div>
Perhatian : Semak dibawah untuk beberapa perubahan
  • https://www.facebook.com/expandroiders gantikan dengan link Facebook Fans Anda.
  • Untuk mengadjust delay boleh tukar angka ( delay(5000) ) ini mengikut kemahuan anda
    ( 5000 = 5 Saat ).
  • Untuk menghilangkan Cookie pada widget ini boleh hilangkan kod 
    $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });

 Baca Juga : Cara Dapatkan Backlink Yang Berkualiti

Dari tutorial yang ringkas ini semoga dapat membantu anda. Berakhir jugalah entry kali ini berkenaan Facebook Pop Out Untuk Platform Blogger. Jangan Lupa Like Facebook Fans Page kami juga. Jom sama-ma tingkatkan "Likers".

Jangan lupa untuk baca artikel kami yang lain untuk ketahui maklumat selanjutnya. Sekian Terima Kasih


Blog ini diwujudkan untuk informasi tentang android. kami juga memberikan sedikit tutorial yang pernah kami lakukan sebelum ini sebagai panduan untuk anda. Selain itu juga kami menyajikan dengan tulisan-tulisan info kepada anda, berita dan sebagainya. Blog berasal dari Malaysia ini juga merupakan salah satu blog yang sedang menaik.

Jom Kongsikan

Related Posts

Previous
Next Post »

1 comments:

comments
5 Oktober 2016 11:13 PTG delete

nanti saya mau praktekkan di blog saya .............

Reply
avatar