26 Mart 2012 Pazartesi

Kenardan Açılan Pencere Şeklinde Facebook Beğen Kutusu Eklemek

       Merhaba arkadaşlar başlık biraz uzun olabilir :)  Fakat bu bilgilendiri makalemi okuduğunuzda gerçekten kolay ve anlaşılır olduğunu göreceksiniz. Öncelikle bir önceki makalemde Facebook Beğen Butonu Eklemek  den bahsetmiştim. Şimdi yine facebook ile alakalı gerçekten görsellik açısından olsun kolaylık açısından olsun facebook sayfa beğenen üyesini kolayca yükseltebileceğiniz bir kod paylaşacağım. Devamını Oku-->
   Evet Kenardan Açılan Pencere Şeklinde Facebook beğen Kutusu Eklemek için ilk önce blogumuzda Tasarım > Html'yi Düzenle  Ardından widget şablonunu genişletin. Ardından ;

1)  Ctrl+f ile </head> kapanış kodunu bulun. Ardından aşağıda vermiş oldugum kodu kopyalayıp hemen üstüne yapıştırın.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>

2) Evet az önceki kodu kopyaladıysak kaydedip yine Tasarım > Sayfa Öğeleri > Gadget Ekle > HTML/JavaScript diyoruz. Ardından yine aşağıda verdiğim kodu bunun içine yapıştırarak, kaydediyoruz..

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/CLipWoRLd&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://blogokulu.blogspot.com/2012/02/facebook-begen-kutusu-ekle-sagdan.html" target="_blank"><b>++Sitene Ekle</b></a></span></div></div>

NOT : Kod içindeki "http://www.facebook.com/CLipWoRLd " url li facebook sayfasını değiştirebilirsiniz..
Eğer Çalışmazsa ;
    Bazı bloglarda çalışmayabilir bunun nedeni blogun temasından kaynaklanabilir. Lakin bunun bir çözüm yolu var.  1. adımda vermiş olduğumuz kodun yerini değiştireceğiz. Kodu  ></b:skin>  kodundan sonra yapıştırarak bu sorunu halletmiş oluruz....

3 yorum:

  1. kardes Lütfen aşağıdaki hatayı düzeltin ve şablonunuzu tekrar gönderin.
    Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
    XML hata iletisi: The element type "b:skin" must be terminated by the matching end-tag "". dior

    YanıtlaSil
  2. Kardeş hata olmaması lazım eğer adımları sorunsuz bir şekilde yaparsan herhangi bir sorunla karşılaşmazsın.

    YanıtlaSil
  3. Bilgileriniz için teşekkür ederiz burun estetik

    ameliyat
    hizmetlerimiz için bizden bilgi alabilirsiniz

    YanıtlaSil