Membuat Dropcap pada Posting

Dropcap adalah huruf dengan ukuran besar di awal artikel, posting atau paragraf. Biasanya ini terdapat di awal artikel. Untuk membuat dropcap / huruf besar lakukan langka sebagai berikut.

1. Masuk ke blogger dengan ID anda
2. Cari kode seperti di bawah ini

.post { …………
          …………
          …………
}

3. Copy dan letakkan kode di bawah ini persis di bawah kode tersebut

.Hurufbesar {
float:left;
color:#004EFF;
font-family: Castellar;
font-size:60px;
line-height:48px;
padding-top:7px;
padding-right:5px;
}

4. Klik Simpan template

Keterangan :
Float : left untuk rata kiri
Clolor : #004EFF adalah warna dari huruf
Font-family adalah jenis huruf
Font-size adalah ukuran dari huruf, px dalam satuan pixel
Line-height adalah tinggi baris, px dalam satuan pixel

Anda dapat mengubah, warna, jenis dan ukuran huruf sesuai dengan keinginan anda.

Untuk penerapan pada Posting adalah bahwa ketika anda menulis pada posting, pada huruf yang akan diberi efek dropcap harus didahului dengan <span class=”Hurufbesar”> dan diakhiri dengan </span>

Contoh:

<span class="Hurufbesar">A</span>ku tenggelam dalam lamunan
Bayang-bayang yang selalu menghantuiku
Aku coba untuk lari meninggalkan
Namun semakin jauh aku berlari
Semakin dalam bayang-bayang itu datang

Hasil :

Aku tenggelam dalam lamunan
Bayang-bayang yang selalu menghantuiku
Aku coba untuk lari meninggalkan
Namun semakin jauh aku berlari
Semakin dalam bayang-bayang itu datang

Bila anda menginginkan jenis huruf untuk Dropcap tetap, tetapi untuk jenis huruf tulisan lain anda menghendaki jenis huruf Monotype Corsiva misalnya.

Contoh:

<span class="Hurufbesar">A</span><font size="3" face="Monotype Corsiva">ku tenggelam dalam lamunan
Bayang-bayang yang selalu menghantuiku
Aku coba untuk lari meninggalkan
Namun semakin jauh aku berlari
Semakin dalam bayang-bayang itu datang</font>

Hasil :

Aku tenggelam dalam lamunan
Bayang-bayang yang selalu menghantuiku
Aku coba untuk lari meninggalkan
Namun semakin jauh aku berlari
Semakin dalam bayang-bayang itu datang

Selamat mencoba !!!!!!!!

Artikel Lain Yang Terkait :