İçerik Pazarlama

Blogger: Blogunuzdaki Kod için CSS Stili

Bir arkadaşım Blogger girişindeki kod bölgelerini nasıl yaptığımı sordu. Bunu Blogger şablonumda CSS için bir stil etiketi kullanarak yaptım. İşte ekledim:

p.code {
    font-family: Courier New;
    font-size: 8pt;
    border-style: inset;
    border-width: 3px;
    padding: 5px;
    background-color: #FFFFFF;
    line-height: 100%;
    margin: 10px;
}
  1. p.code: Bu, HTML'yi hedefleyen bir CSS kuralıdır <p> "code" sınıf adına sahip öğeler. Bu, bu sınıfa sahip herhangi bir paragrafın aşağıdaki özelliklere göre stillendirileceği anlamına gelir.
  2. font-family: Courier New;: Bu özellik yazı tipi ailesini “Courier New” olarak ayarlar. Hedeflenen öğeler içindeki metin için kullanılacak yazı tipini belirtir.
  3. font-size: 8pt;: Bu özellik yazı tipi boyutunu 8 punto olarak ayarlar. Hedeflenen öğelerin içindeki metin bu yazı tipi boyutunda görüntülenecektir.
  4. border-style: inset;: Bu özellik kenarlık stilini “iç metin” olarak ayarlar. Hedeflenen elemanların etrafındaki kenarlık için batık veya basık bir görünüm oluşturur.
  5. border-width: 3px;: Bu özellik kenarlık genişliğini 3 piksel olarak ayarlar. Öğelerin etrafındaki kenarlık 3 piksel kalınlığında olacaktır.
  6. padding: 5px;: Bu özellik, hedeflenen öğelerin içindeki içeriğin çevresine 5 piksellik dolgu ekler. Metin ile kenarlık arasında boşluk sağlar.
  7. background-color: #FFFFFF;: Bu özellik arka plan rengini beyaz (#FFFFFF) olarak ayarlar. Hedeflenen öğelerin içindeki içerik beyaz bir arka plana sahip olacaktır.
  8. line-height: 100%;: Bu özellik satır yüksekliğini yazı tipi boyutunun %100'üne ayarlar. Metin satırlarının yazı boyutuna göre aralıklandırılmasını sağlar.
  9. margin: 10px;: Bu özellik, tüm öğenin çevresine 10 piksellik bir kenar boşluğu ekler. Bu öğe ile sayfadaki diğer öğeler arasında boşluk sağlar.

Sağlanan CSS kodu, "code" sınıfıyla HTML paragrafları için bir stil tanımlar. Bu paragraflar için yazı tipini, yazı tipi boyutunu, kenarlık stilini, kenarlık genişliğini, dolguyu, arka plan rengini, satır yüksekliğini ve kenar boşluğunu ayarlar. Bu stil, bir Blogger yayınındaki kod parçacıklarına veya önceden biçimlendirilmiş metne, onlara belirli bir görünüm kazandırmak için uygulanabilir.

İşte nasıl görüneceği:

p.kodu {
yazı tipi ailesi: Courier New;
yazı tipi boyutu: 8pt;
kenarlık stili: iç metin;
sınır genişliği: 3 piksel;
padding: 5px;
arkaplan rengi: #FFFFFF;
satır yüksekliği: %100;
kenar boşluğu: 10 piksel;
}

Mutlu Kodlama!

Douglas Karr

Douglas Karr CMO'su AÇIK İÇGÖRÜLER ve kurucusu Martech Zone. Douglas düzinelerce başarılı MarTech startup'ına yardımcı oldu, Martech satın almaları ve yatırımlarında 5 milyar doların üzerindeki durum tespitine yardımcı oldu ve şirketlere satış ve pazarlama stratejilerini uygulama ve otomatikleştirme konusunda yardımcı olmaya devam ediyor. Douglas, uluslararası alanda tanınan bir dijital dönüşüm ve MarTech uzmanı ve konuşmacısıdır. Douglas aynı zamanda Dummie's Guide ve iş liderliği kitabının yayınlanmış yazarıdır.

İlgili Makaleler

Başa dön düğmeye
Kapanış

Adblock Algılandı

Martech Zone sitemizden reklam geliri, bağlı kuruluş bağlantıları ve sponsorluklar yoluyla para kazandığımız için size bu içeriği ücretsiz olarak sağlayabilir. Sitemizi gezerken reklam engelleyicinizi kaldırırsanız seviniriz.