20 Temmuz 2013 Cumartesi

HTML Kodları | Resim Gösterme | Resme Link Verme | Yazıya Link Verme

Bir yazıya veya bir resme nasıl link verilir;

Kısa bişey yazıcaktım ama uzadıkça uzadı ve oldukça yararlı bi anlatım oldu bence, tumblr'ı daha rahat kullanmak istiyorsanız ve HTML kodları hakkında biraz bilgi sahibi olmak istiyorsanız mutlaka göz atmalısınız.

KIRMIZI RENKLİ YAZILAR KİŞİYE GÖRE DEĞİŞKEN

YAZIYA LİNK VERME

Oldukça basit aslında, yazmanız gerekenler şunlar;

<a href="VERMEK-İSTEDİĞİNİZ-LİNK"> YAZMAK İSTEDİĞİNİZ YAZI </a>

Örnek;

<a href="http://twitter.com"> Twitter </a> 

Görünüm;


Eğer tıkladığınızda farklı bir sekmede açsın istiyorsanız;

<a href="VERMEK-İSTEDİĞİNİZ-LİNK" target="_blank"> YAZMAK İSTEDİĞİNİZ YAZI </a>

Tek fark 

 target="_blank" kodunu ekledik.

Örnek;

<a href="http://twitter.com"  target="_blank" > Twitter </a> 

Görünüm:


RESİM GÖSTERTME

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

Bu kadar.


Göstermek istediğiniz resmi almak için, resme sağ tık yapıp Resim URL'sini kopyala derseniz resmi alırsınız.

Örnek;

<img src="http://25.media.tumblr.com/tumblr_m4e55wMyDd1r5dbpoo1_500.png">

Görünüm;



Resme Boyut Vermek;

<img src="RESMİN-URLSİ" width="GENİŞLİK(SAYI)" height="300">

Ek olarak sadece > işaretinden önce genişlik ve yükseklik ekledik.

TAVSİYE;

Sadece birini ekleyin ya genişlik yada yükseklik, çünkü ikisi de eklersek simetrik olarak tutturmanız mümkün değil resim kötü görünür. sadece birini eklerseniz diğeri de otomatik boyutlarda küçülecektir.


Örnek;

<img src="http://25.media.tumblr.com/tumblr_m4e55wMyDd1r5dbpoo1_500.png" width="200" >

Görünüm;



RESME LİNK VERME

Tek yapmamız gereken önceki koda

<a href="LİNK"> ÖNCEKİ RESİM KODUMUZ BURAYA </a>

Örnek:

<a href="https://www.tumblr.com/">

<img src="http://25.media.tumblr.com/tumblr_m4e55wMyDd1r5dbpoo1_500.png" width="200" >

</a>

Şimdi üstteki kodu yazdığınızda resme tıklandığında tumblr.com'a gidecek.

Görünüm:



FARKLI SEKMEDE AÇMASI İÇİN;

<a href="LİNK" target="_blank" >

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

 </a>

16 yorum:

  1. ne zamandır deniyorum bi beceremedim ya bu kodu bi gönderiyemi yazıyoruz html ye mi?

    YanıtlaSil
  2. blogerde mümkünmü lütfen yardım et reklam aldım yayınyamıyorum

    YanıtlaSil
  3. Yaptım html yerinde head ' ın üstüne yapıştırdım fakat. profilimde sayfanın en üstüne geliyor diğer paylaşımlarla aynı sırada durmuyor yardım edin

    YanıtlaSil
  4. Gerçekten cok tesekkurler.

    YanıtlaSil
  5. Google aramalarinda hep buraya geliyorum tebrikler

    YanıtlaSil
  6. Bunu biraz daha açar mısın?

    YanıtlaSil
    Yanıtlar
    1. Zaten en açık halini vermiş daha ne yapsın.

      Sil
  7. Tumblr'da yapılan yoruma yanıt olarak bir metin paylaşıp, o kişiyi nasıl etiketleyebilirim? Yani, ".... kişisi bir gönderisinde sizden bahsetti" iletisini almasını nasıl sağlarım? Yardımcı olursanız sevinirim.

    YanıtlaSil
  8. Hocam resme başlıklı link nasıl verebilirim

    YanıtlaSil
  9. Teşekkür ederim bu güzel bilgiler için. Bloğuma nihayet bu bilgileri tatbik ederek resim ve gif banner ekledim.

    YanıtlaSil
  10. Yaptım ama resim sağa doğru kayık görünüyor nasıl düzelteceğim?

    YanıtlaSil
  11. Gürkan Abi acil yardımına ihtiyacım var. Sticker'a link vermek istiyorum. Yani üstüne tıklayınca başka bir blog açılsın istiyorum. Ama olmuyor. "Blogumun urlsi/verdiğim link" şeklinde oluyor. Ama ben verdiğim linke gitsin istiyorum!! LÜTFEN YARDIM ET!

    YanıtlaSil

Lana Del Rey Hanesi

Arctic Monkeys Hanesi

İzmir Hanesi

Stark Hanesi