Cara Membuat DropCap pada Post Blog

DropCap - dapat dibuat pada microsoft word, yang biasanya pada paragraph huruf awalnya berukuran besar dan setelahnya kecil. Namun, DropCap ini juga dapat diletakkan pada postingan blog seperti post tutorial DropCap ini sendiri. Saya menemukan DropCap pada blog ini dari templatenya maskolis, yang huruf awal pada paragrafnya besar dan bold. Kemudian saya copy CSS nya dan saya terapkan pada postingan Hack4rt. Berikut tutorialnya

Letakkan CSS

Silahkan anda pergi ke EDIT HTML dan letakkan CSS berikut tepat di atas kode ]]</b:skin>

.awal{float: left;
color: #000000;
line-height: 40px;
padding-right: 5px;
font-family: times;
font-weight: bold;
font-size: 60px;}

Penerapan Post

Untuk menerapkan pada postingan blog sangatlah, mudah. Anda hanya perlu membuat post baru dan menambahkan tag span dengan class bervalue 'awal' di depan huruf pertama. Contoh:

<span class='awal'>D</span>ropCap......................

Lihat gambar di bawah agar lebih jelas