√ Cara Gampang Menciptakan Drop Caps Tanpa Edit Html [Huruf Besar Diawal Kalimat]

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>

Baca juga:

• √ Cara Menghapus Atribusi Blog (Credit Link) 100% Berhasil [3 Cara]
• √ Cara Menciptakan Navigasi Blog Melayang Khusus Mobile
• √ Cara Menciptakan Tombol Share Melayang Keren Dengan Efek Cool [Update]

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

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: