Yeni bir Tumblr blogu oluşturduğunuzda, sistem, ayarlayabileceğiniz ayarlara sahip varsayılan bir şablon oluşturur. Tumblr'ın belirttiği gibi, bu esneklik size blog sayfanızı daha çekici seçme ve ona kişisel bir dokunuş kazandırma yeteneği verir. HTML'yi anlamasanız bile, metin gönderilerinizdeki başlıkların öne çıkması için şablona basit bir güncelleme uygulayabilirsiniz.
Web Sayfası Şekillendirme 101
Web sitesi sahipleri, kodlarına Basamaklı Stil Sayfası nitelikleri ve değerleri ekleyerek Web sayfalarının görünüşünü değiştirir. Örneğin color niteliğinin değeri, bir nesnenin rengini belirler. İnsanlar arka planları renklendirmek için arka plan rengi özelliğini kullanır. Bir metin öğesinin yazı tipini değiştirmek için yazı tipi boyutu özelliğini de kullanabilirsiniz. Tumblr blogunuzun HTML koduna bir veya daha fazla CSS özelliği uygulayarak öğelerini özelleştirebilirsiniz.
Şablon Kodunuzu Bulun
Tumblr kontrol panelinizi ziyaret edip "Özelleştir"e tıklarsanız, Temayı Özelleştir'in sol panelindeki "HTML Düzenle"ye tıklayarak HTML düzenleyiciyi açabilirsiniz. "HTML'yi Düzenle"yi görmüyorsanız, onu bulmak için panelin en üstüne gidin. Sayfa açıldığında, “Ctrl-F” tuşlarına basın ve arama kutusuna (tırnak işaretleri olmadan) “post .title” yazın. Düzenleyici, "#wrapper #content .post .title {" yazan kod satırına atlar.
HTML'nize stil verin
Bulduğunuz kod satırından sonra eklediğiniz CSS özellikleri, yazı başlıklarınızın nasıl görüneceğini belirler. Bunu "color: red; background-color: yellow; text-decoration: underline;" yapıştırarak test edin. bu satırdan sonra. Alıntı kullanmayın. Bu üç özellik, yazı başlıklarınızın rengini, arka plan rengini ve metin dekorasyonunu kırmızı, sarı ve altı çizili olarak değiştirir. "Önizlemeyi Güncelle"yi ve ardından "Kaydet"i tıklayın ve Tumblr kontrol paneli sayfanızı ziyaret edin. Profil resminize tıklayın ve blog sayfanızı diğerlerinin yaptığı gibi göreceksiniz. Başlıkları olan gönderiler, eklediğiniz yeni özellikleri gösterecek.
Blogunuzu Taze Tutun
Başlık metninizi farklı bir şekilde biçimlendirmek istediğinizde, CSS niteliklerinizin değerlerini değiştirin. Örneğin, bir gün kırmızı zemin üzerine yeşil yazı istiyorsanız, mevcut renkleri bu iki renkle değiştirin. Ayrıca alt çizgiyi üst çizgi, üst çizgi veya hiçbiri ile değiştirebilirsiniz. Yazı tipi boyutunu da değiştirmek isterseniz, eklediğiniz kodun sonuna "font-size: 22px" yapıştırın. Alıntı kullanmayın. 22'yi metniniz için kullanmak istediğiniz piksel boyutuyla değiştirin. Bu örnekte, boyut 22 piksel olacaktır. Daha büyük değerler daha büyük metin oluşturur ve daha küçük değerler daha küçük metin oluşturur. Blogunuza stil vermek için kullanabileceğiniz diğer renklerin adlarını gösteren W3Schools.com gibi bir siteyi ziyaret edin (Kaynaklar'daki bağlantı).
