Cara Membuat Huruf Besar di Awal Paragraf (Dropcap)

Mas Azer

Okt 16, 2024

Huruf besar di awal atau yang lebih dikenal dengan istilah "Dropcap" adalah huruf besar yang biasanya terletak di awal paragraf yang biasanya sering digunakan di dalam koran atau majalah. Namun, seiring dengan berkembangnya zaman, dropcap ini ternyata juga dapat diterapkan di dalam postingan atau artikel dalam sebuah blog atau website dengan guna untuk mempercantik tampilan terutama di dalam postingan yaitu dengan cara menambahkan beberapa kode-kode CSS di dalamnya.

Cara Membuat Dropcap

Cara membuat dropcap ini sangatlah mudah dengan 2 langkah.

Silakan ikuti panduan berikut ini:

Langkah Pertama

Yaitu bagaimana membuat huruf awal menjadi lebih besar dari sebelumnya dengan meletakkan kode CSS dalam Edit HTML pada template postingan Blogger.

Silakan klik Tema di Dashboard Blogger, kemudian menuju ke Edit HTML
Cari kode ]]></b:skin> atau </style> dengan cara menggunakan Ctrl + F
Copy kode di bawah ini, lalu letakkan tepat diatas kode ]]></b:skin> atau </style> tadi.

.dropcap{float:left;color:#000000;background:#fff;line-height:44px;padding-right:5px;font-family:Arial;font-size:40px;}

Simpan template.

Langkah Kedua

Yaitu penerapan dropcap itu sendiri pada artikel atau postingan dalam mode Edit HTML.

Silakan masuk ke dalam pembuatan postingan atau artikel lalu pilih mode HTML bukan mode Compose.
Ini yang paling penting dalam pembuatan dropcap atau huruf besar di awal paragraf atau postingan blog. Kamu harus meletakkan kode ini di antara huruf pertama dalam artikel atau postingan kamu. <span class="dropcap"> Huruf yang akan didropcap </span>

Seperti contoh:

<span class="dropcap">N</span>ona, masihkah kau mencariku? Mencari tahu kabarku? mencari tahu bagaimana keadaan kehidupanku setelah kepergianmu? Bila iya, maka aku masih baik-baik saja, begitu pula hatiku untukmu.

Dalam contoh di atas, berarti yang dibuat besar hurufnya atau Dropcap adalah huruf "N".
Dan hasilnya akan terlihat menjadi seperti ini:

Nona, masihkah kau mencariku? Mencari tahu kabarku? mencari tahu bagaimana keadaan kehidupanku setelah kepergianmu? Bila iya, maka aku masih baik-baik saja, begitu pula hatiku untukmu.

Nah, begitulah cara membuat Dropcap atau huruf besar di awal sebuah postingan suatu blog.

Demikianlah tips kali ini yaitu Membuat Dropcap / Huruf Besar di Awal Postingan Blog.

Semoga bermanfaat.