Daha önce blogğunuza facebook beğen kutusunu nasıl ekleyebileceğinizi
anlatmıştık.Şimdi ise blogunuzda hem fazla yer kaplamaması için hemde tasarım açısından
görsel güzellik kazandırması açısından, blogunuza eklediğiniz facebook beğen
kutusunu, sağdan açılan pencere şeklinde, blogunuza nasıl ekleyebileceğinizi
anlatacağız.İsterseniz açılır pencere şeklinde yerleştirdiğimiz facebook beğen kutusunun,
nasıl göründüğünü görmek için tıklayınız.
1.Adım:Bloggerde
oturumunuzu açın.Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin.Kodlar
içerisinde Ctrl+F yardımıyla aratıp </head> kodunu
bulun.Aşşağıdaki kodu bulduğunuz </head> kodundan hemen önceki kısma
yapıştırın.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
2.Adım Widget Ekleme: Tasarım>Gadget
Ekle>Html/Javascript yolunu izliyoruz.Html/Javascript gadgetinin içine
aşşağıdaki kodu ekliyoruz.
<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/pages/Blog-Okulu/270630239670726&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&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>
Kod içerisinde;
http://www.facebook.com/pages/Blog-Okulu/270630239670726
yeri kendi Facebook URL adresiniz ile değiştirin ve kaydedin.
ÖNEMLİ NOT:Bazı bloglarda temalardan kaynaklanan sebeplerden dolayı eklentinin göründüğü fakat açılmadığı tespit edilmiştir.Eğer sizde böyle bir sorunla karşılaşırsanız.
Buna çözüm olarak;1.Adımda yazdığımız script kodunun şablon içerisindeki yerini değiştiriniz.
kodlar içerisinde ></b:skin> kodunu bulun ve 1.adımda verdiğimiz aşşağıdaki kodu
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
bulduğumuz ></b:skin> kodunun hemen
altına yapıştırıp
Merhaba,
YanıtlaSilöncelikle tesekkürler
gercekten yardımlarınız cok güzel sagdan acılır facebook sayfasını cok begendim cokda ayrıntılı anlatmıssınız birebir widget ekleyerek uyguladım siteme ama olmadı bana yardımınız gerekiyor lütfenn:))
facebook sayfanızın URL adresindeki değişikliği yaptınız mı?Bu kısım önemli.
YanıtlaSilevet cok güzel acıklamıssınız zaten birebir uyguladım sagda buton şu anda blogumda mevcut ama acılmıyor:)
YanıtlaSilAnnem yaptı düzeltti cok tesekkürlerr:))
YanıtlaSilButon varda açılmıyorsa 1.Adımda anlattığım script kodunu doğru yere yapıştırdığınızdan emin olmalısınız.
YanıtlaSilHayırlı Olsun.Gülegüle kullanın
YanıtlaSilBnede bloğuma ekledim sağ tarafta görünüyor ama açılmıyor ilk script te doğru yerde :(
YanıtlaSilbloğumun linki : http://hediyedelisi.blogspot.com/
YanıtlaSilnasıl düzelttiniz acaba? aynı sorun benim blogta da var :(
YanıtlaSileğer script kodunu </head> kodunun altına yazdıysanız ordan silin ardından, script kodunu ]]></b:skin> kodunun hemen altına yapıştırın sorun çözülecektir.
YanıtlaSilCould not retrieve id for the specified page. Please verify correct href was passed in. böyle bir hata veriyor faceook yazan yerin üstüne gelince ??
YanıtlaSiltamam sorunu hallettim emeğnize sağlık
YanıtlaSilkendi linkini yukarıdaki html ye doğru yapıştırmadığımda bu hatayı verdi onu kontrol et istersen.
YanıtlaSilYukarıdaki adımları doğru ve eksiksiz olarak uygularsanız,hata vermiyor.Uzun zamandır bu eklentiyi kullanıyorum,herhangi bir sıkıntıyla karşılaşmadım.Bloga ayrı bir hava katıyor.
YanıtlaSiliyi geceler ben bu sağdan açılan pencere olayını facebook için değil örneğin izleyiciler , arşiv listesi gibi temel blogger widgetları için uygulamak istiyorum. yani aynı facebook simgesi gibi bir simge oluşturup -atıyorum arşiv listesi- bunu sağdan açılır bir pencere şeklinde yapmam mümkün müdür ?
YanıtlaSilmerhaba ben dediğiniz gibi yaptım fakat blog okulunun facebook sayfası çıkıyor
YanıtlaSilÖncelikle
YanıtlaSilhttp://www.facebook.com/username/ adrese gidip facebook.com/sayfaismi şeklinde bir isim alın.Daha sonra kod içerisindeki kırmızı alanla değişin.
şu anda kod içerisinde Blog Okulunun facebook adresi yazıyor,değişiklik yapacağınız yeri kod içerisinde kırmızı renkle belirttim,oraya kendi facebook adresinizi yazmanız gerekiyor.
YanıtlaSilyapamıyoruuuum:(
YanıtlaSilYorumunuzu buraya yazın. Could not retrieve id for the specified page. Please verify correct href was passed in. ben ekliyorum yanda facebook eklentisi çıkıyor ama içeriğinde bu yazı var
YanıtlaSilfacebook sayfanıza ait adresi doğru yazmadığınız zaman böyle bir hata verir.
YanıtlaSilSiteme koydum ancak like page açılınca diğer sitedeki yazıların altında kalıyor onu nasıl gidericem? www.intrustweeat.blogspot.com
YanıtlaSilBlogunuzu ziyaret ettim,eklenti sorunsuz çalışıyor blogunuzda.Hangi tarayıcıyı kullanıyorsunuz.İnternet explorer,mozilla,chrome?
YanıtlaSilbu üçünde denedim çalışıyor,eğer explorer eski sürüm kullanıyorsanız o sorun çıkartabilir,güncellemenizi tavsiye ederim.
çok teşekkürler halloldu :)
YanıtlaSilHocam ben HTML kodlarına verdiğiniz scripti eklediğimde sayfanın üst tarafında bir slide şeklinde haberler geçiyor o silayd çalışmaz oluyor bi el atsanız çok sevinirim
YanıtlaSilBu arada sitenin ismi
YanıtlaSilhttp://teknolojiport.blogspot.com/
böyle değil yanda çıkmayacak sadece beğen yazacak?
YanıtlaSilOlmuyor Facebook Yazısı Yanda Çıkıyor Ama Oku Getirince Açılmıyor ></bskin yazan yer nerde bulmadım yardım ltf
YanıtlaSil1.Adımda verdiğimiz script kodunu tam ve doğru olarak eklemelisiniz.
YanıtlaSilya 2. adımı yaptımda 1.adımı yapamıyorum admin bi yardımcı ol be
YanıtlaSilYA BU BLOG A EKLİYO SİTEYE EKLEMENİN YÖNTEMİNİ GÖSTERİRMİSİN ADMİN ? ?
YanıtlaSilSorunuzla ilgili size bir mail gönderilmiştir.
YanıtlaSilhocam bunu tam tersi tarafta yani sol taraftan açılır bişimde sola koymak için ne yapmamız gerekiyor ?
YanıtlaSilhocam çok teşekkürler.. her blogda olması gereken bir eklenti ve özellikle sade anlatımınız ile çok rahat bir şekilde birçok eklenti ekledim bu blogdan.. bir kez daha teşekkür ediyorum sizlere.. blogumda görünen tüm eklentileri neredeyse burdan öğrenerek ekledim..
YanıtlaSil<a href=" http://ilk45dakika.blogspot.com
</a>
faydamız olduysa ne mutlu bize:)
YanıtlaSilvbulletin için olanı yokmu
YanıtlaSilAcaba onayı nasıl kadırabiliriz yardımcı olabilirmisiniz
YanıtlaSilhocam ben adımların hepsini yaptım sağtaraftan facebook ptonu açılıyor ama şimdide sitemdeki slayt açılmıyo ....
YanıtlaSilBu kod sitemdeki slaytı engelliyo bu sorunu nasıl düzelte bilirim lütfen yardım edermisiniz.....
1.Adımda verdiğimiz script kodunu
YanıtlaSil]]> kodunun hemen altına koymayı deneyin.
Kardeş 1 şey sorcam ben sayfaya ekledim güzel çalışıyor ama ben bunu ekledim yanda sekmelerde gözülüyo nasıl saklarım blog temam Awesome Inc.
YanıtlaSilsekmelederden kastınız neresi tam olarak anlıyamadım?
YanıtlaSilhttp://trollonline.blogspot.com/ Bu benim sitem başlığına facebook yazdım ama onu kaldırma şansımız varmı ?
YanıtlaSilbaşlıktaki facebook sayfamızı beğen diyor onu mu kastediyorsun?
YanıtlaSilkontrol paneli nerede
YanıtlaSilkumanda paneli diyeceğime kontrol paneli demişim kusura bakma.Blogger hesabınla giriş yaptığında açılan pencere görünümü kumanda paneli,bilmem anlatabildimmi?
YanıtlaSilya kodu nasıl buluyoruz ?
YanıtlaSilBende Html ile kod yazacağım yeri bulamıyorum gadget lerde arıyorum fakat bulamıyorum yardım ....
YanıtlaSilyerleşim>gadget ekle>Html/Javascript yolunu takip ederseniz bulursunuz.ekte resim olarak da gönderdim.
YanıtlaSilBen bu 2. kodu widget olarak değilde direk site kodlarının içine koymak istiyorum. Tam olarak nereye koymam gerek acaba? Teşekkürler.
YanıtlaSilYukarıda yazdığınız gibi görüntü var.Ama açılmıyor.
YanıtlaSil> site içerisinde böyle bir kodda bulamadım ne yapmalıyım acaba. Teşekkürler.
Abi .comlu siteye yapmaya çalışıyorum yapamadım nasıl yapabilirim
YanıtlaSilmerhabalar.
YanıtlaSilbloğunuzda ki,sağdan açılan face beğen butonunu ayarlamaya çalıştım.
ama başarılı olamadım.
acaba nerede hata yaptım.
facebook görüntüsü geldi ama,aktif değil.:(
bana yardımcı olursanız çok mutlu olurum.
saygılarımla..
evet Başarılı oldum ve işe Yaradı Arkadaslar Bazen Geçiş yap felan yazıo o zamn olmustur facenizden çıkın sayfanızı yenileyin Tmmdır bakın görün !
YanıtlaSilhttp://buyfixedmatches.blogspot.com/
YanıtlaSilsorun ne burda hocam ,?