Cara Membuat DropCap di Postingan

loading...

DropCap atau huruf besar diawal kalimat mungkin ada yang mempertanyakan bagaimana cara membuatnya di postingan blog, secara di halaman penulisan blog tidak ada pilihan untuk membuatnya seperti di Microsoft Office. Sebenarnya langkah untuk membuatnya cukup mudah, tidak perlu menghabiskan waktu berjam-jam, atau berhari-hari (lebay hehe)

Langkah membuatnya yang pertama kita sisipkan terlebih dahulu kode berikut ini di template kita dengan cara edit html kemudian centang expand widget

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

Peletakannya boleh dibawah .credit, setelah itu kita tinggal memanggilnya saja di postingan dengan cara pilih mode menulis html kemudian ketikkan

<span class="awal">D</span>ropCaps

Hasilnya bisa dilihat pada awal tulisan postingan ini. Intinya setiap mau menulis huruf besar di awal tulisan tinggal mengganti kode yang berwarna kuning di atas sesuai huruf yang ingin dibuat dropcap, sedangkan kata selanjutnya adalah lanjutannya yang disesuaikan dengan huruf DropCaps.

loading...

Subscribe to receive free email updates: