Pemasaran Kandungan

Blogger: Gaya CSS untuk Kod pada Blog Anda

Seorang rakan bertanya kepada saya bagaimana saya membuat kawasan kod dalam entri Blogger. Saya melakukannya menggunakan tag gaya untuk CSS dalam templat Blogger saya. Inilah yang saya tambahkan:

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: Ini ialah peraturan CSS yang menyasarkan HTML <p> elemen dengan nama kelas "kod." Ini bermakna mana-mana perenggan dengan kelas ini akan digayakan mengikut sifat berikut.
  2. font-family: Courier New;: Sifat ini menetapkan keluarga fon kepada "Baharu Kurier." Ia menentukan fon yang akan digunakan untuk teks dalam elemen yang disasarkan.
  3. font-size: 8pt;: Sifat ini menetapkan saiz fon kepada 8 mata. Teks dalam elemen yang disasarkan akan dipaparkan pada saiz fon ini.
  4. border-style: inset;: Harta ini menetapkan gaya sempadan kepada "inset." Ia mencipta rupa tenggelam atau ditekan untuk sempadan di sekeliling elemen yang disasarkan.
  5. border-width: 3px;: Sifat ini menetapkan lebar sempadan kepada 3 piksel. Sempadan di sekeliling elemen akan setebal 3 piksel.
  6. padding: 5px;: Sifat ini menambah 5 piksel padding di sekeliling kandungan di dalam elemen yang disasarkan. Ia menyediakan jarak antara teks dan sempadan.
  7. background-color: #FFFFFF;: Sifat ini menetapkan warna latar belakang kepada putih (#FFFFFF). Kandungan dalam elemen yang disasarkan akan mempunyai latar belakang putih.
  8. line-height: 100%;: Sifat ini menetapkan ketinggian garisan kepada 100% daripada saiz fon. Ia memastikan bahawa baris teks dijarakkan mengikut saiz fon.
  9. margin: 10px;: Sifat ini menambah margin 10 piksel di sekeliling keseluruhan elemen. Ia memberikan jarak antara elemen ini dan elemen lain pada halaman.

Kod CSS yang disediakan mentakrifkan gaya untuk perenggan HTML dengan "kod" kelas. Ia menetapkan fon, saiz fon, gaya jidar, lebar jidar, padding, warna latar belakang, ketinggian garisan dan jidar untuk perenggan ini. Gaya ini boleh digunakan pada coretan kod atau teks yang dipraformat dalam siaran Blogger untuk memberi mereka penampilan khusus.

Begini rupanya:

p.code {
font-family: Courier New;
saiz fon: 8pt;
gaya sempadan: inset;
lebar sempadan: 3px;
padding: 5px;
warna latar belakang: #FFFFFF;
ketinggian garis: 100%;
margin: 10 piksel;
}

Selamat Pengkodan!

Douglas Karr

Douglas Karr ialah CMO daripada OpenINSIGHTS dan pengasas Martech Zone. Douglas telah membantu berpuluh-puluh syarikat permulaan MarTech yang berjaya, telah membantu dalam usaha wajar lebih $5 bilion dalam pemerolehan dan pelaburan Martech, dan terus membantu syarikat dalam melaksanakan dan mengautomasikan strategi jualan dan pemasaran mereka. Douglas ialah transformasi digital yang diiktiraf di peringkat antarabangsa dan pakar serta penceramah MarTech. Douglas juga merupakan pengarang buku panduan Dummie dan buku kepimpinan perniagaan yang diterbitkan.

Artikel yang berkaitan

Kembali ke atas butang
Tutup

Adblock Dikesan

Martech Zone mampu memberikan anda kandungan ini tanpa sebarang kos kerana kami mengewangkan tapak kami melalui hasil iklan, pautan ahli gabungan dan tajaan. Kami amat menghargai jika anda akan mengalih keluar penyekat iklan anda semasa anda melihat tapak kami.