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

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


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

Silahkan tambahkan terlebih dahulu kode script CSS nya di template blogger milik sobat.

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

/* 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;}

Langkah kedua

Tahap kedua ini yaitu cara menerapkan drop cap pada huruf pertama di postingan artikel blog. Langsung saja berikut ini cara-caranya:

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> 

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 :)

Disclaimer : Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini

Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "Cara Membuat Huruf Besar 'Drop Cap' di Awal Postingan Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel