Cara Membuat Huruf Besar 'Drop Cap' di Awal Postingan Blog

Drop Cap di Awal Postingan

Amaterasublog.com - Hallo sobat blogger, pada pembahasan seputar dunia blogging kali ini admin ingin berbagi tutorial Cara Membuat Huruf Kapital Besar (Drop Cap) di awal paragraf pertama postingan blog.

Biasanya Drop Cap ini sering kita jumpai di artikel koran cetak, newslatter, undangan dan juga di bagian teks awal bab atau awal dokumen.

Drop Cap adalah sebuah huruf kapital besar yang digunakan sebagai elemen dekoratif di awal paragraf. Ukuran huruf yang di drop cap akan ditonjolkan (diperbesar) sekitar dua baris tulisan atau lebih. Sumber: support.microsoft.com

Sedangkan fungsi menerapkan drop cap pada awal paragraf di postingan blog yaitu tentu untuk mempercantik tampilan postingan artikel blog, sehingga akan terlihat lebih rapi dan juga menarik.

Cara Membuat Huruf Besar (Drop Cap) di Awal Paragraf Pertama Postingan Blog

#Langkah pertama membuat Drop Cap

Silahkan salin kode script CSS di bawah ini, dan letakkan pada template blogger milik sobat.

/* CSS Drop Cap ------------------------ */
.dropcap{float: left; font-family: 'Raleway',sans-serif; font-size: 70px; font-weight: bold; line-height: 50px; margin: 2px 5px 0px 0px; position: relative;}

Caranya :

1. Masuk ke Dashboard Blogger
2. Pilih Template > Klik Edit Template
3. Selanjutnya cari kode  ]]></b:skin>  (Gunakan CTRL+F untuk memudahkan pencarian)
4. Kemudian Copy kode script CSS di bawah ini, dan tempelkan tepat di atas kode  ]]></b:skin> 
5. Terakhir jangan lupa klik simpan/save template

#Langkah kedua membuat Drop Cap

Tahap kedua ini yaitu cara menerapkan drop cap pada huruf pertama di postingan artikel blogspot:

Caranya :

1. Buat postingan baru atau Edit postingan yang sudah ada
2. Ganti mode penulisan dari 'Compose' menjadi 'HTML'
3. Cari huruf awal paragraf pertama yang akan kita buat drop cap, setelah ketemu silahkan copy kode di berikut ini dan ganti huruf A (sesuaikan dengan huruf pertama pada artikel milik sobat) :  <span class="dropcap">A</span> 

Live Preview

Penutup ...

Mungkin cukup sekian ulasan tentang tutorial cara membuat huruf kapital besar (Drop Cap) di awal paragraf pertama pada sebuah postingan blogspot. Jika ada pertanyaan terkait isi artikel di atas, silahkan tinggal komentar di bawah ini. Semoga bermanfaat :)

Follow

Ahmad Shah Laupa Orang biasa yang memiliki ketertarikan terhadap dunia blogging dan senang belajar autodidak melalui tutorial-tutorial di Google. [Amati, Tiru, Modifikasi]

Yuk! Bagikan ...

Berlangganan Artikel Gratis :