Menu

Blogger Facebook Popup Kutusu Ekleme

Blogger'da kullanabileceğiniz bu eklenti sitenize veya herhangi bir sayfanıza tıklanıldığında otomatik olarak ekranın ortasına açılan Facebook Beğen eklentisidir,aynızamanda sizi beğenenlerin kısı sayısı ve her sayfada değişen beğenen kişiler listesi görünmektedir.

Sağ üst köşesinde eklentinin kapatılması için bir düğme de vardır.Bu eklenti ile Facebook ta sitenizin yazılarından sürekli olarak haberdar olan bir topluluk oluşturabileceğiniz için harika bir eklentidir.
Bu güzel görünümlü ve akıllı bir tasarım ile yazılarınız oldukça değerli hale gelecektir,ayrıca SEO açısından oldukça önemli olan organik hit sayınız artacaktır.

 Blogger Facebook Popup Kutusu Ekleme

---Yeni Facebook Hayran Sayfası Oluşturma Resimli Anlatım

---Yeni Facebook Videoları Nasıl İndirilir

 Blogger Facebook Popup Kutusu Ekleme Adımları

1-İlk önce Blogger.com giriş yapınız sonra Şablon/ HTML Düzenle adımlarını takip ediniz.

2-Kodu yükleyeceğiniz yeri bulmak için  </body>  kodunu kopyalayarak Ctrl + F tuşlarına basıp kodlarınızın içinde aratın

3-Bulduğunuz </body> kodunun üstüne aşağıda verdiğim kodu ekleyiniz ve son olarak Şablonunuzu kaydediniz.


<style type='text/css'>
    #bgtfbpopup {
    position:fixed !important;
    position:absolute;
    top:-1000px;
    left:50%;
    margin:0px 0px 0px -182px;
    width:300px;
    height:auto;
    padding:16px;
    background:#FEFEFE;font:normal Dosis, Georgia, Serif;
    color:#111;
    border:2px solid #333;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    }
    #bgtfbpopup a.bgtclose {
    position:absolute;
    top:-10px;
    right:-10px;
    background:#fff;
    font:bold 16px Arial, Sans-Serif;
    text-decoration:none;
    line-height:22px;
    width:22px;
    text-align:center;
    color:#000000;
    border:2px solid #333;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    border-radius:25px;
    cursor:pointer;
    }
    </style>
     <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(window).bind(&quot;load&quot;, function() {
    $(&#39;#bgtfbpopup&#39;).animate({top:&quot;150px&quot;}, 1000);
    $(&#39;a.bgtclose&#39;).click(function() {
    $(this).parent().fadeOut();
    return false;
    });
    });
    </script>
    <div id='bgtfbpopup'>
     <center>
    <b>Don&#39;t Forget To Join US On Facebook</b></center>
    <center>
    <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fseomktbi&amp;width=300&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false&amp;appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/>
    </center>
     <a class='bgtclose' href='#'>&#215;</a>
    <center style='float:right; margin-right:10px;'>
    <span style='font-size:xx-small; color:#000; text-decoration:none;'></span>
    <a href="http://www.blogolect.blogspot.com.com" rel="dofollow" target="_blank" title="blogger"><img src="http://1.bp.blogspot.com/-Ofk9RJ39yrs/UwtcH0yObxI/AAAAAAAAEV4/VDnQgpY9dK4/s1600/bgt-blank.gif" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href='http://blogolect.blogspot.com/2014/02/add-facebook-popup-like-box-to-blogger.html' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Provided by Blogolect</a></center>
    </div>


Düzenleme:
Kodların içinde bulunan seomktbi kendi Facebook Fan Page adınızla değiştiriniz

Yayınladığımız bu eklentiler içinde ki renk kodları #XXXX şeklinde olan kodlardır bunları aşağıdaki SEO Mektebi renk kodları sayfasından istediğiniz renkleri seçerek ekleyebilirsiniz.

SEO Mektebi CSS Renk Kodlarına Buradan Ulaşabilirsiniz

Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.



Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Facebook Popup Kutusu Ekleme "

Önerilen Yazı
×