Daha önce blogunuz için facebook hayran sayfası oluşturmayı anlatmıştık.Eğer bir "facebook hayran sayfanız" yoksa ve oluşturmak istiyorsanız burayı tıklayın.Şimdi ise blogunuza gelen ziyaretçilerin, blog sayfanızdan ayrılmadan, sayfanızı facebook üzerinden beğenmesini sağlayacak olan "facebook beğen kutusunu" blogumuza nasıl ekleyeceğimizi anlatacağız;
1.Adım:Facebook hayran sayfası oluşturduktan sonra, facebook hesabımızla sayfamıza giriş yaptığımızda aşşağıdaki gibi bir pencere açılacak.(Facebook Zaman tünelinde bu linki bulamayan arakadaşlar, facebook hesaplarıyla giriş yaptıktan sonra burdan 2. adımda gösterdiğimiz, facebook beğen kutusu oluşturma sayfasına gidebilirler) Bu pencerede işaretlediğimiz; Adres çubuğunda bulunan facebook sayfamızın tam adresini kopyalayalım, ardındanşekildede gördüğünüz "beğen kutusu ekle" butonuna tıklayalım
2.Adım:"beğen kutusu ekle" butonuna tıkladığımızda aşşağıdaki gibi bir pencere açılacak, bu pencerede;
Facebook PageURL:Blogun için oluşturduğun facebook sayfasının tam adresini yazıyoruzÖrnek:(http://www.facebook.com/pages/Blog-Okulu/270630239670726 )
Width:Blogumuzda görünecek olan begen kutusunun genişlik değeri
Height:Blogumuzda görünecek olan begen kutusunun yükseklik değeri
Color Scheme: Sayfa renginiz (light:açık dark:koyu).Burda blogunuzun rengi koyu ise dark,açık ise light seçeneğini seçiniz.
Border color: "Facebook begen" kutusunun dış çerçeve rengini belirtir.Html renk kodlarından blogunuzun renklerine uygun olan kodu bulup buraya yazın.(Örnek renk kodu: #B8A304)
Show faces,stream,show header:Seçeneklerinde de şekilde okla gösterdiğim yerlerin, beğen kutusunda hangilerinin görünmesini istiyorsanız, kutucukları işaretleyin.Ardından "Get Code" butonuna tıklayın
3.Adım:"GetCode" butonunu tıkladığımızda karşımıza aşşağıdaki gibi iki kodun bulunduuğu bir pencere açılacak.
Blogger hesabımızla giriş yapıp Kumanda Paneli>Tasarım>Html'yi Düzenle yolunu takibedip, Widget Şablonlarını Genişlet kutucuğunu işaretledikten sonra, Ctrl+F yardımıyla <body>
kodunu aratıp buluyoruz.1 nolu penceredeki kodu kopyalayıp bulduğumuz <body> kodunun hemen altına yapıştırıp şablonumuzu kaydedelim.
2 nolu penceredeki kodumuzu kopyalıyoruz, Kumanda Paneli>Tasarım>Gadget Ekle>HTML/Javascript yolunu takibedip kopyaladığımız kodu açılan gadgetimizin içine yapıştırıyoruz.Ardından oluşturduğumuz yeni gadgetimizi görünmesini istediğimiz yere sürükleyip bırakıyoruz.Kaydedip çıkıyoruz.Artık blogumuzda "facebook begen kutusu" kullanıma hazır.
VİDEOLU ANLATIM:



37 yorum:
bir yere kadar verdiğiniz bilgiler çok açıklayıcı teşekkür ederim ama şu body kodunu aratınca o kadar çok çıkyı ki acaba hangisi diye yanılgıya düştüm acaba bunu da resimli olarak veya başka bi şekilde anlaatsanız olmaz mı kaldı yine benim işlem
Normalde <body> kodu birtane çıkıyor.Kodu olduğu gibi yazın.Ama birden fazla çıkıyor diyorsanız </head> kodundan sonraki ilk <body> kodunun altına yapıştırın
Slm, ben bu beğen kutusu kodunu kendi html siteme eklemek istiyorum verilen kodları söylene yerlere yazıyorum ama sayfa görüntülenmiyo boş sayfa açılıyo. 2 nolu kodu tam olarak nereye yazmam gerekiyor? Dreamweaverda kendi yatpığım siteme koymak için.
normalde web tasarımında html kodları <body>...</body>kodları arasına yazılır.sende 2 nolu kutudaki kodu, bu kodlar arasına yerleştir.
Beğen kutusu web sayfanda görünüyor, fakat içi boş ise facebook URL adresini kontrol et, oda olmazsa facebook beğen kutusu ayarlarını kontrol et?
Kontrol ettim hem de defalarca. 1 haftadır bununla uğraşıyorum ama bir türlü olmuyo. Facebook bana verdiği kodları aynen olması gereken yerlere yazıyorum ama sonuç hep aynı.
sitenin adresini verebilirmisin?
bende hiç
yok ne yapacağım ?
widget şablonlarını genişlet kutucuğunu işaretledinizmi?İşaretleyip arayın mutlaka çıkacaktır.
arkadas bır soru sormak ıstıyorum
ya admin adamlar blooggerde maç yayınlıyolar mesela oraya beğen kutuları ekliyolar ve sayfaları hayran sayısı yükseliyo bende eklemye çalışıyom yapamıyom ansıl olcakk lütfen allah rızası için anlatt
söylediğin şekilde binlerce eklenti var.Nasıl bir eklenti istediğini gösteren bir örnek verirsen,bloguna nasıl ekliyebileceğini sana mail ile göndereyim.
zaman tünelinde bulamıyosinki sayfa beğen butonu ekleme yerini nerde o ara zaman tünelinde ? ?
Sayfa beğen butonu ekleme yerini bulamadıysanız burdan ulaşabilirsiniz.
body kodunu buldum lakın javascrıpt ın ıcınd ebaslık ıcerık yazıyor oray ıkıncı koduda yapıstırıyorum.lakın blogda sadece baslık cıkıyor begen butonuda cıkmıyor baska bı seyde cıkmıyor blogumda.acıl yardım
Nereye gatgeti buluyoruz ve htlmyibuluyoruz
meraba, nerede yanlış yapıyorum bilmiyorum.dediğiniz yolu takip ettim.en son gadget e koduda ekledim kaydettim fakat blogda görünmüyor.
ya bulamadım yok lütfen yardımm
ya bulamadım
bulamadım lütfen yardım et
kodu yok Kardeş ölebi kod çıkmıyor çıkıyor sadece acil yardım ..
KARDEŞ kodu çıkyıor sadece öbür çıkmıyor
BURAYA tıklayın ilgili kutucuğu doldurun ve get code butonuna tıklayın karşınıza her iki kodda çıkacaktır.
Merhaba, detaylı anlatımınız için teşekkür ederim öncelikle. Ancak dediğiniz adımları bir bir uyguladığım halde blog sayfamda görünmüyor eklenti. Bana yardım edebilir misiniz?
sizin için facebook beğen kutusu ekle konulu yazımıza videolu anlatım ekledim
Çok teşekkürler çok faydalı bir video olmuş. Ancak bana şöyle bir uyarı verdi
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 reference to entity "appId" must end with the ';' delimiter.
Error 500
Problem nerede olmuş olabilir?
html kodları içerisine yerleştirdiğiniz kodu yani kodundan önce yerleştirdiğiniz kodları tam olarak ve doğru yere yerleştirmediğinizde böyle bir uyarı verme ihtimali var.Videoyu dikkatlice izlerseniz sorunsuz olarak blogunuza uygulayabilirsiniz.
kodu cıkmıo
kodu cıkmıo
hangi kod nerede çıkmıyor?
KUMANDA PANELI NERDEEEE YARDIM LUTFEENNNN
bloggera girdiğinde yazı yayınlamak için girdiğiniz atasarım,şablon gibi linklerin olduğu alan.Ekte resimle gönderdim
kumanda paneli demek blogunun ayarlama yerı kayıt eklenen tasarım yerlesım vs bulunan yerın adı
bu gazete sitelerinde yada ntv gibi haber sitelerinde konu altlarında facebook da son paylaşılanlar eklentisi var onu ne şekilde yapabiliz...
ayrıca bu facebook sosyal eklenti kodlarını blogger a eklerken hep bu hatayı alıyorum :((
http://img62.imageshack.us/img62/525/51183694.jpg
bu şekilde yapamayanlar ıframe kısmına tıklayıp orda çıkan kodu java script olarak bloglarına eklesinler çalışır.
:( bu şekilde yaptım olması ve olmadığı gibi mobil üzerinde sayfam siyah beyaz oldu , sonra kodu kopyaladığım yerden sildim ama yinede mobil sayfam renklenmedi , bana yardım edebilir misin ?
Emegine saglık güzel paylaşım olmus
Yorum Gönder
Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...