facebook popup like box blogger widget ~ BlogDestekNet

facebook popup like box blogger widget

Blog’uğunuz için bir Facebook hayran sayfası oluşturduysanız bu sayfayı kendi blog’uğunuzda tanıtmanın ve blog ziyaretçilerinizin sayfanıza kolayca üye olabilmelerini sağlamanın en kısa ve kolay yolu facebook popup like box yani beğen kutusu.

Beğen kutusu tasarımı Facebook tarafından otomatik olarak oluşturulduğu için çok fazla özelleştirme seçeneği sunmasa da amacımız Facebook hayran sayfamıza üyeliği kolaylaştırmak olduğu için görevini yeterince yerine getiren güzel bir uygulama.

Facebook popup like box blogger widget nasıl ekleyeceğiz

Blogger kontrol paneline giriş yapıyoruz
Yerleşim sekmesine tıklıyoruz açılan pencerede herhangi bir alana widget ekle diyoruz

HTML java Script tıklıyoruz

Açılan pencereye ekteki kodu kopyalayıp yapıştırıyoruz.

Kod'un Önizleme ve testini BURADA yapabilirsiniz

#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/BlogDestekNet/754788914613166&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://Blogdesteknet.blogspot.com" rel="nofollow">BlogDestekNet</a></div>
</div>
</div>

İşlemi başarılı bir şekilde tamamladığınızda ekteki gibi bir görüntü ile karşılaşacaksınız

Son olarak facebook popup like box blogger widget eklemeyi yaptıktan sonra değiştirmeyi unutmayın..

https://www.facebook.com/pages/BlogDestekNet/754788914613166

Yazar Hakkında Yazar Adı

Yazar Hakkında Bilgi