Blogger Açılır Facebook Beğen Kutusu

Facebook 1.3 milyarı aşkın kullanıcısıyla internet’te lider sosyal medya konumuna geldi.Facebook çok sayıda aktif kullanıcıyı bünyesinde barındırmasıyla birlikte blog yazarlarının ve web sitelerinin içerik pazarlama ortamını haline geldi.

 

Blogger’da Facebook Beğen Kutusu’nu kullanarak sitenizi ziyaret eden kullanıcıların Hayran Sayfanızı beğenmesini sağlayabilirsiniz bu sayede daha önce erişemediğiniz kişilere erişerek daha sonraki yayınlarınınız için trafik akışı oluşturabilirsiniz.

 

Facebook Açılır Beğeni Kutusu Blogger’a Nasıl Eklenir ?

      1. Blogger hesabınıza giriş yapın ve blogunuzu seçin.
      2. Sol taraftan Yerleşim menüsüne tıklayın
      3. Gadget Ekle butonuna basıp HTML/JavaScript gadgetini ekleyin.

 

Boş kutuya aşşağıdaki kodu kopyalıyıp yapıştırın.

 

 

[sourcecode language=”plain”]<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’ type=’text/javascript’></script>

<style type="text/css">
#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:0;top:0}#fbox-button:before{content:"CLOSE";padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px}<br />
</style>

<script type=’text/javascript’>
//<![CDATA[ jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[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 style="border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;" src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/pages/Temalog/&amp;width=339&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;show_border=false&amp;stream=false&amp;header=false" width="300" height="150" frameborder="0" scrolling="no"></iframe>
<div id="fbox-link">Hazırlayan <a style="padding-left: 0px;" href="http://temalog.com/" rel="nofollow">Temalog</a></div>
</div>
</div>[/sourcecode]

Temalog olan yerleri kendi sayfanıza göre düzenleyin.


Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir