Bila pada cara sebelumnya kita perlu mengedit HTML template blog, maka pada cara yang satu ini kita meletakkan eksklusif instruksi pembentuk drop caps di posisi Edit HTML postingan. Kode pembentuk drop caps yang dimaksud yakni menyerupai di bawah ini.
<span style="color: black; float: left; font-family: Times New Roman; font-size: 50px; line-height: 40px; padding-right: 3px; padding-top: 1px;"> aksara yang dijadikan drop cap </span>
Yang perlu diingat yakni dikala meletakkan instruksi tersebut harus berada di posisi Edit HTML. Kemudian untuk mengetikkan aksara atau teks selanjutnya sanggup dilakukan di Edit HTML atau Compose.
Contoh:
<span style="color: black; float: left; font-family: Times New Roman; font-size: 50px; line-height: 40px; padding-right: 3px; padding-top: 1px;">P</span>ada kesempatan kali ini kita akan menciptakan drop caps di posting tanpa harus mengedit HTML template blog. Bagi yang tidak mau mengedit template blog silakan memakai cara ini. Okee
Maka karenanya akan menyerupai ini.
Pada kesempatan kali ini kita akan menciptakan drop caps di posting tanpa harus mengedit HTMLtemplate blog. Bagi yang tidak mau mengedit template blog silakan memakai cara ini. Okee
Berikut klarifikasi singkat mengenai instruksi di atas :
<span style="color: black; float: left; font-family: Times New Roman; font-size: 50px; line-height: 40px; padding-right: 3px; padding-top: 1px;">huruf yang dijadikan drop caps</span>
- Color: black; menawarkan warna dari aksara drop caps, dalam hal ini warna aksara tersebut yakni black atau hitam. Anda sanggup menggantinya dengan warna lain, contohnya red untuk merah, blue untuk biru, green untuk hijau, dan lain-lain.
- Float: left; ini menawarkan instruksi biar goresan pena awal diletakkan pada posisi kiri (left) alias mepet ke kiri.
- Font-family: Times New Roman; ini yakni jenis aksara drop caps, Anda sanggup menggantinya dengan yang lain, contohnya Verdana.
- Font-size: 50px; ini yakni instruksi untuk besarnya huruf, bila ingin diganti dengan ukuran yang lain, silakan ubah nilainya saja.
- Line-height: 40px; ini merupakan instruksi untuk jarak baris.
- Padding-right: 3px; ini yakni instruksi untuk jarak sela antara goresan pena awal dengan goresan pena selanjutnya sebesar 3 pixel, bila Anda ingin mengganti jaraknya, silakan diubah nilainya.
- Padding-top: 1px; ini yakni instruksi untuk jarak sela antara goresan pena dengan bab atasnya.
Sekian....
source : klikmunadi.blogspot.com Sumber http://hellwin6661.blogspot.com
Mari berteman dengan saya
Follow my Instagram _yudha58
0 Response to "√ Cara Gampang Menciptakan Drop Caps Tanpa Edit Html [Huruf Besar Diawal Kalimat]"
Posting Komentar