DropCap pada posting blog

Membuat DropCap atau teks yang besar diawal kalimat bisa dilakukan dengan berbagai cara. Saya akan memberikan tutorial membuat DropCap diawal posting tanpa perlu mengubah struktur template blogspot anda. Sehingga ketika suatu saat saat anda berganti template perintah DropCap tetap berjalan dengan baik. Ketika anda menuliskan posting buka pada halaman HTML lalu ketikkan code berikut ini :

<span style="color: black; float: left; font-family: 'Times New Roman'; font-size: 65px; line-height: 40px; padding-right: 3px; padding-top: 8px;">S</span>

kode itu akan menciptakan huruf besar kurang lebih 3 baris, hasil dari code tersebut berbeda dari setiap blog semua tergantung template dan kesukaan anda. Untuk mengaturnya berikut saya sampaikan perincian dari perintah tersebut.
color: black; menunjukkan warna dari huruf drop cap.

float: left; menunjukkan agar tulisan awal diletakkan pada posisi kiri (left) ke kiri.

font-family: Times New Roman; menunjukkan jenis huruf drop cap.

font-size: 65px; menunjukkan besarnya huruf.

line-height: 40px;  menunjukkan jarak baris.

padding-right: 3px; menunjukkan jarak sela antara tulisan awal dengan tulisan selanjutnya.

padding-top: 8px; menunjukkan jarak sela antara tulisan dengan bagian atasnya.

No comments:

Post a Comment

Pages