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

<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/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