Ana Sayfa Kod Ekleme Silme Gif Yapma İmleç Değiştirme En İyi Temalar Tema Değiştirme Efektler Stickers Yazı Tipleri Online Sayaç Kategori Ekleme Müzik Ekleme

3 Temmuz 2013 Çarşamba

Tumblr Profil Resmi Ekleme (Kod Olarak)


Aslında çokta zor bi işlem değil, herkesin kodları birbirinden farklı olduğu için yaparken zorluk çekebilirsiniz.

Bu yüzden, eğer yapamazsanız falan yorum olarak belirtin ve linkinizi verin yardımcı olmaya çalışayım.

Eğer temanız Redux ise blogta özel anlatımı mevcuttur.

Tumblr Profil Resmi Ekleme | Video Anlatım

720p olarak izlerseniz daha rahat görebilirsiniz.


Tumblr Profil Resmi Ekleme | Resimli Anlatım

İlk olarak resmi ekleyeceğimiz bölümün adının ne olduğunu öğrenmek için o çerçeveye öğeyi denetle diyoruz.



Ardından o bölümde çerçevenin (aslında div'in) adını öğreniyoruz,

Bu temada about imiş, ama genelde sidebar diye geçer.



Her neyse ardından kodlarımızı açıyoruz ve çerçevemizin adının HTML kodunu buluyoruz,

Burada dikkat ilk 5-6 aramanızda CSS kodunu bulacaktır,

Css kodları şuna benzer;

#sidebar { margin-left:1233px; }
.sidebar {asdas}

gibi # veya . ile başlar

HTML kodları ise yani bizim aradığımız;

<div id="sidebar"> benzeri bişey olacaktır.


şu <div id=" ile başlayıp </div> ile biten kodların arkasına sıra sıra rastgele bişeyler yazın, ve önizleme yapın
doğru yeri bulduğunuz anda; 

resim kodunu yapıştırıcaz;

Resim göstertmenin kodu:

<img src="BURAYA-RESMİN-URLSİ-GELECEK">

Resim url'sini postimage.com'tan alıyoruz.

Aslında yüklerken boyutlandırma yapabilirsiniz, siteden 150px yeterli olacaktır, ben şimdi farkettim onu.


resim orjinal boyutta görüntüleniyor, 

Genişliği kaç pixel olsun istiyorsanız 200 değerini değiştirin.

<img src="BURAYA-RESMİN-URLSİ-GELECEK"    width="200">

Son olarak kodumuz 

<center>
<a href="/">
<img src="BURAYA-RESMİN-URLSİ-GELECEK"    width="200">
</a>
</center>

Takıldığınız yer olursa yorum olarak yazın ve lütfen bloğunuzun linkini de atın göreyim ne olduğunu, görmeden yanlışınızı bulamıyorum ne yazık ki

63 yorum:

  1. http://ozledimuyudunmu.tumblr.com/ sayfam bu hale geldi yazdığımı sildim son durum bu

    YanıtlaSil
    Yanıtlar
    1. Sanırım böyle yapmaya çalışıyorsun değil mi? > RESİM

      Cevap evet ise; eklemen gereken kod;

      KOD alttaki de senin resmin sanırım ikisinden birini uyarlayıp buraya ekle;

      RESİM

      Sil
  2. teşekkür ederim başardım ama resim baya büyük oldu onu düzenleyincede resim görünmüyo bunu nası çözücez?

    YanıtlaSil
    Yanıtlar
    1. aaa özür dilerim boyut eklemeyi unutmuşum. Şöyle yapıcaksın;

      width="200" kodunu ekliceksin şu şekilde

      KOD

      200 değeri genişlik pixeli, kaç istiyorsan o kadar yapabilirsin


      Sil
    2. bunu ilk yaptığım koda ekledim başaramadım aşağıda tekrar resim karesi çıktı gene görünmüyo

      Sil
  3. Yanıtlar
    1. Çoook rica ederim de, yapamadın mı :D

      Sil
    2. yaptımmm tabiki sen burda her şeyi ince ayrıtısına kadar anlatmışsın başarılı :)

      Sil
  4. redux temaya gif koymak istiyorum yapamadım nasıl yapıcağım hakkında bilgi verir misin bu adımları uyguladım tema karıştı :)

    YanıtlaSil
  5. Mükemmel oldu çok sağolun

    YanıtlaSil
  6. blog adresim; http://yaagmuuur.tumblr.com/

    ve resim yüklemeyi başaramadım html de <div id=about u bulamadım yazmıyor

    YanıtlaSil
    Yanıtlar
    1. sen id="left" diye aratıp bunun altına yapıştıracak resim kodunu

      Sil
    2. ben resim kodunu alamadı

      Sil
    3. Video'da yazdığım kod <img src ile başlayan

      Sil
    4. uuh başardım. çok teşekkürler!

      Sil
    5. Sevindim, rica ederim ^^

      Sil
  7. Oldu sanki ama resim sağ tarafta kaldı.Sol tarafa nasıl alabilirim? Yardım edersen sevinirim paraninactigikapi.tumblr.com

    YanıtlaSil
    Yanıtlar
    1. ="side_left diye arat "> kod kapandıktan sonra hemen altına yapıştır

      Sil
  8. http://azrablglu.tumblr.com/ birtulu beceremedim :/ yardim edebilirmisin ltfn?

    YanıtlaSil
    Yanıtlar
    1. ="sidebar diye arat div id="sidebar" class="sticky-processed sticky-active" style="top: 45px;">

      buna benzer bir kod olacak bunun hemen altında < img src="resim-urlsi"> bu kodu ekle boşluk yok başta

      Sil
    2. o kodu bulamiyorum iste :(

      Sil
    3. tamam yaptim cok tesekkurler :)

      Sil
  9. been çook uğraştım ama anlayamıyorum bi el atsan http://gozlerfotografmakinesiolsaydi.tumblr.com/

    YanıtlaSil
  10. http://aptaldunya.tumblr.com/ yardımcı olurmusun?

    YanıtlaSil
    Yanıtlar
    1. Yaptın sanırım veya temanı değiştirmişsin

      Sil
  11. ya ben yaptım ama boyutu ayarlayamadım sonra feri getireme diye de kaydetmedim o yüzden bi de postimage den alcaz url yi demişsin ama beceremedim başka siteden aldım dediğim gibi boyutu olmadı napcam ben??

    YanıtlaSil
  12. YA ANLAMADIM SİZİN GİBİ YAZILAR YOKKİ OF :(

    YanıtlaSil
  13. Sidebar kodu da koyarmsınız acaba?

    YanıtlaSil
    Yanıtlar
    1. O biraz daha karışık bir olay ya, herkese göre değişken olduğu için zor olacaktır hem anlatması hemde karşı tarafın yapması :/

      Sil
  14. http://psikopatwinchester.tumblr.com/ ben nasıl yapıcam yardımcı olur musun sidebar kısmına yapıyorum ama şu soldaki bilginin altında kalıyor yazılarda üstte

    YanıtlaSil
  15. http://gothedarkparadise.tumblr.com/ bende denedim ama yapamadim acaba temadan mi kaynaklaniyo yardimci olur musun?

    YanıtlaSil
  16. ben yapamadııım yardıımcı olurmusunuz
    http://biiiryumakmutluluk.tumblr.com/

    YanıtlaSil
    Yanıtlar
    1. ="bite" diye aratıp div class="bite"> kodunun altına < img src="RESİM-URL'si" width="100"> kodunu eklerseniz olacaktır ^^

      Sil
  17. http://purplecloud8.tumblr.com/ ya ben açıklamada ekleyemedım fotoğrafta. Her türlü ıvır zıvırı ekledım :D bu olayı anlayamadım yardımcı olursan çok sevınırım :-)

    YanıtlaSil
  18. Senin yaptığın redux temasında yapmaya çalışıyorum. Onu buradan mı yapacağım, yoksa redux temasından mı çakamadım.

    YanıtlaSil
  19. Bende beceremedim :/ yardım eder misiniz lütfen? http://impalaninlastikleri.tumblr.com/

    YanıtlaSil
  20. temam fluid ama beceremedim yardım etseniz ?

    YanıtlaSil
  21. ya yaptım ama sadece benim profilimde gözüküyo ana sayfada gözükmüyo :/

    YanıtlaSil
  22. Merhaba ben hiç bir şekilde ayarlayamadım lütfen yardım edin

    YanıtlaSil
  23. http://kemiklerdenkoprucuk.tumblr.com/ başaramadım yardım edermisin

    YanıtlaSil
  24. ben yapamadım yardımcı olun lütfeeen

    YanıtlaSil
  25. http://satanmymaster.tumblr.com/ beceremedim yardım ederseniz :(

    YanıtlaSil
  26. http://kutsal-rahibe.tumblr.com/ yardımcı olabilir misin ?

    YanıtlaSil
  27. benim profil bölümü yok. birisi ayarlardan yapçan dedi .ama bulamadım. profil fotom neden gözükmüyo ? yardımcı olur musunuz?

    YanıtlaSil
  28. http://gomlekgiymeyebayilirim.tumblr.com/ yapamıyorum olmuyor nerede yanlışım var? lütfen yardımm

    YanıtlaSil
  29. Ögeyi denetle kısmını bulamıyorum shfkj :D Sadece chromeda mı oluyor??

    YanıtlaSil
  30. http://amdasonensigara.tumblr.com/ avatarım sol altta kaymış ve ben sağ üst tarafa doğru olmasını istiyorum yardım edermisiniz lütfen :)

    YanıtlaSil
  31. HTLM kodunu bulmadan sonrayı yapamadım yardımcı olurmusun

    YanıtlaSil
  32. http://lanetli-blog.tumblr.com/ herşeyi yaptım ama resim yine de görünmüyor, temadan kaynaklı bir hata mı yoksa ben html yazarken bi hata mı yapmışım yardımcı olursanız sevinirim

    YanıtlaSil
  33. sayfayı aşagıya indirnce fotonun sayfayla aşşa inmesini istiyorum nasıl olcak ?

    YanıtlaSil
  34. ya benim temam Two değistiremedim yardım lütfen

    YanıtlaSil
  35. Hocam benim tema düzenlemede sidebar gözüküyor fakat sitede gözükmüyor. kodları alıp başka bloga koydum sorunsuz görüküyor.

    YanıtlaSil
  36. http://beyazrengi.tumblr.com/ yardımcı olursan sevinirim.

    YanıtlaSil
  37. Kafayı yemek üzereyim, herşeyi denedim ama profil resmini bir türlü sol tarafa alamadım.

    YanıtlaSil
  38. Kafayı yemek üzereyim, herşeyi denedim ama profil resmini bir türlü sol tarafa alamadım.

    YanıtlaSil