arkaplan

Blogger Hakkımda ve Sosyal Ağlar Eklentisi

Haziran 07, 2015 Gökhan TEKİN 37 Yorumlar

Blogger Hakkımda ve Sosyal Ağlar Eklentisi

 Dün gece bana gelen bir mesaj , blog yazmaya yeni başlayan bir arkadaş benim blogumda yan tarafta olan hakkımda bölümü ve hemen altındaki sosyal ağ profil butonlarının nasıl yapıldığını sormuş. bende sadece kendisine anlatmak yerine burada paylaşayım da herkes görsün diye yan taraftaki hakkımda bölümün kodlarını ve nasıl yapıldığını anlatmaya çalışacağım.


Öncelikle yapmanız gereken temanızın yedeğini almak olsun , eğer yanlış bir işlem yaparsanız tekrar yedek aldığınız temayı yükleyerek blogunuzu eski haline getirebilirsiniz. Resimlere tıklarsanız daha büyük görebilirsiniz


Blogger Hakkımda ve Sosyal Ağlar Eklentisi

Blogger Hakkımda ve Sosyal Ağlar Eklentisi


Anlatıma Geçiyorum


1.Aşağıdaki css kodlarını blogger panelinizden / Şablon /  HTML'yi Düzenle/ bölümünü seçerek temanızın Css kodlarının bulundauğu yere geleceksiniz Ctrl + F işlemi ile   ]]></b:skin>  burayı bulun ve hemen üzerine aşağıdaki Css kodlarını ekleyin ve kaydedin. Resimdeki gördüğünüz yere ekleyeceksiniz Css kodlarını

 Css Kodlarını Ekleneceği Yer 


Blogger Hakkımda ve Sosyal Ağlar Eklentisi


Css Kodları








2. Şimdi ise aşağıda verdiğim HTML kodlarını Gadget (Wigdet ) olarak eklemeniz gerekiyor.  Eklemek istediğiniz yere gelip Gadget Ekle seçeneği ile /  HTML/JavaScript Ekle seçeğini seçerek aşağıda verdiğim HTML kodlarını ekleyeceksiniz böylece eklentiyi kurmuş olacaksınız sonrada kendi sosyal ağ hesaplarınızı ekleyeceksiniz


Html Kodları






Dikkat: Bu kodlar her temada çalışmayabilir, eğer yukarıdaki adımları doğru yaptığınızdan eminseniz, ve eklenti çalışmıyorsa temanızdan dolayı çalışmıyordur. Dediğim gibi her temada çalışmıyor

SİZDEN ÖNCEKİLER BU YAZILARIMIDA OKUDU

37 yorum

  1. Güzel eklenti, bir sorum olacak yorum kısmının üstüne gelince yorumunuz için teşekkür ederim çıkıyor peki bunu nasıl yaptınız?

    YanıtlaSil
    Yanıtlar
    1. Rica ederim , o biraz karışık yani burada anlatmak çok zor bir post ile onuda anlatmaya çalışacağım ileriki zamanlar da

      Sil
  2. Bunu bende denemek isterim abi, çok güzel bir paylaşım gerçekten :) Teşekkürler :)

    YanıtlaSil
    Yanıtlar
    1. Rica ederim Mustafa dene tabiki , eğer yapamadığın bir yer olursa yardımcı olurum kardeşim

      Sil
  3. Çok iyi yapmışsın bizlere de anlatarak abi. Gerçekten güzel bir eklenti.

    YanıtlaSil
    Yanıtlar
    1. Evet servet bence de çok güzel bir eklenti

      Sil
  4. Merhabalar.

    Yardım isteyenin elini boş çevirmemek adına, yardım talep edene yardım etmek için dört elle sarılıyorsunuz ya, işte takdir edilecek en güzel davranışınız budur. Belki bazıları beni kınayacaklar ve bana kızacaklar ama, Birine yardım etmenin (oruç, namaz, hac vs.) her türlü ibadetin üzerinde olduğunu hem Cenab-ı Hakk, hem de Cenab-ı Peygamber işaret ediyor.

    Selam ve dualarımla.

    YanıtlaSil
    Yanıtlar
    1. Çok çok teşekkür ederim Recep bey , elimden geldiği kadar insanlara faydalı olabilecek davranışlar sergilemeye çalışıyorum gerek burada , gerek normal hayatımda

      Sil
  5. Harika bir paylaşım ben de hakkımda sayfasını yeni temama koymayı unutmuşum:)Bunu bir deneyelim bakalım,teşekkürler kardeşim.

    YanıtlaSil
    Yanıtlar
    1. Rica ederim abi , sen dene eğer yapamadığın yer olursa yardımcı olurum

      Sil
  6. Paylaşım için teşekkürler güzel bir eklenti.

    YanıtlaSil
  7. Çok faydalı bir paylaşım yapmışsınız...
    Allah Razı Olsun

    YanıtlaSil
  8. Gerçekten çok güzel bir paylaşım olmuş ve çok da hoş ama ben kullanmak istediğimde düzenlemeleri yapamadım :(

    YanıtlaSil
    Yanıtlar
    1. Teşekkür ederim.
      Nereyi yapamadınız?

      Sil
    2. Öncelikle avatarı değiştiremiyorum. Blogumun yanında kocaman bir GÖKHAN TEKİN yazıyor :)
      Aşağıdaki bölümde alt kısmını değiştirsem de png olan görsel düz background değil anladığım kadarıyla üzerinden direk senin adın yazıyor;)
      alt='Gökhan TEKİN' class='img-circle author_avatar img-responsive' src='http://4.bp.blogspot.com/-JKU_NfPCIpk/VXNCgbUSwVI/AAAAAAAACYk/MZax94xikf4/s1600/bloggokhantekin-hakk%25C4%25B1mda-logo.png'/>

      sosyal medya ikonları da hiç gözükmüyor :(

      Sil
    3. Kodlar içinde Gökhan TEKİN yazan yere kendi adınızı yazacaksınız

      kodlar içindeki

      http://4.bp.blogspot.com/-JKU_NfPCIpk/VXNCgbUSwVI/AAAAAAAACYk/MZax94xikf4/s1600/bloggokhantekin-hakk%25C4%25B1mda-logo.png

      Bu url yi silin kendi görselinizi koyun
      Not: görseliniz 350x350 boyutlarında olsun
      Yine yapamazsanız ,bilgilerinizi bloggokhantekin@gmail.com e-posta adresime gönderin yapıp size göndereyim.

      Sosyal medya kullanıyorsanız adresinizi de gönderin onları da eklerim.

      Sil
  9. Sanırım blogda çok yeni olduğum için baya kafam karıştı sadece sizin adınız çıktı yani o baloncuk :)) altta da yazıyla twitter adresim :) tabi bunları bir test blogu açıp orda uyguladım. :)

    YanıtlaSil
    Yanıtlar
    1. Kodlar içinde yazdın BURAYA FACEBOOK ADRESİNİZ, gibi oralara kendi sosyal medya adreslerinizi yazacaksınız hepsi bu kadar.

      Profil resminde benim profil resmim var orayada kendinize ait bir profil resmi ile değiştireceksiniz.

      Sil
    2. Nasıl ama benim resmim görünüyor. Hangi profilde

      Sil
    3. Siz tam olarak neyi anlamadınız?
      Paylaştığım kodlar içinde
      http://4.bp.blogspot.com/-JKU_NfPCIpk/VXNCgbUSwVI/AAAAAAAACYk/MZax94xikf4/s1600/bloggokhantekin-hakk%25C4%25B1mda-logo.png
      bu linkteki benim profil resmim orayı silip kendi profil resminizi ekleyeceksiniz

      Sil
  10. anladım.. Ama kodlar içinde kendi sosyla medya hesaplarımı girsem de link olarak yazıyo yani ikon olarak çıkmadı

    YanıtlaSil
    Yanıtlar
    1. Sanırım yanlış bir şey yapıyorsunuz. Çünkü aynı kodları yukarıda sağ tarafta kendim kullanıyorum ve bir sorun yok , dediğim gibi sanırım yanlış bir şey yapıyorsunuz.

      Sil
  11. yapamadım :( fazla cahilim galiba :(

    YanıtlaSil
  12. bende yapamadım.. kopyala yapıştır yapıyorum.sizin resminiz ya da isminiz bile çıkmıyor benim bölümde.. kaldı ki kendi resmini, adreslerimi falan yazayım :( hele o gadget ekle bölümüne gelemedim bile.. Henüz çok yeniyim blog aleminde.. bu gidişle vazgeçeçeğim zaten :/

    YanıtlaSil
    Yanıtlar
    1. Blog adresiniz nedir? sanırım yanlış bir şey yapıyorsunuz o yüzden olmuyor blog adresinizi yazarsanız yardımcı olabilirim.

      Sil
  13. Hazır temada bir türlü değiştirememiştim hakkımızda bölümünü, bu yazı sayesinde değiştirdim. Teşşekkür ederim :)

    YanıtlaSil
  14. Merhaba yazınız çok faydalı teşekkür ederim öncelikle ama ben html kodlarım arasında ctrl f ile de aratmama rağmen ]> kısmını bulamadım. Daha yeni başladım çok zaman harcadım sadece bunun için eğer yardımcı olursanız çok sevinirim.

    YanıtlaSil
    Yanıtlar
    1. Merhaba
      Tema kodlarının içine girdikten sonra Ctrl+F tuşlarını kullanarak ]]> bölümünü bulmanız gerekiyor, bulamadığınız yazmışsınız fakat temanız da bu kod vardır. Çünkü bu kod olmazsa tema olmaz, lütfen bir defa daha dener misiniz.

      Sil

Yorum Kuralları
1 - Yaptığınız yorumun, yazıyla alakalı olmasına özen gösteriniz
2 - Yazım ve dil bilgisi konusundaki hassasiyetinizi yorumlarınızda da gösteriniz.
3 - Her zaman nazik bir üslup kullanmaya özen gösteriniz.
4 - Yukarıdaki kurallardan herhangi birine uymamanız durumunda,
site sahibi yorumunuzu yayınlama ya da yayınlamama hakkına sahiptir.