Membuat Drop Cap Pada Blog

Kali ini saya akan membagikan cara pembuatan drop cap atau huruf besar pada awal kalimat postingan,,,hal ini bisa membuat tampilan postingan sedikit berbeda. untuk pembuatannya silahkan ikuti langkahnya berikut ini..

DEMO

Langkah-langkahnya:

• Masuk kea kun blog sobat
• Pilih rancangan -àedit html
• Cari kode ]]></b:skin> pada template sobat.
• Letakkan script dibawah ini tepat diatas ]]></b:skin>

.hurufbesar {
float:left;
font-family:Georgia, serif;
color:#000; 
font-size:4em;
line-height:1;
margin-right:1px;
margin-top:-15px;
}

• Sobat semua bisa merubah warna huruf yang akan diberi drop cap tersebut, ganti kode warna yang diberi tanda Biru.

Cara penggunaan Drop Cap

• Buat entri baru atau postingan baru..
• Kemudian lakukan postingan seperti biasa,
• Jika postingan sudah dibuat, langsung sobat pilih mode HTML (Bukan Compose)
• Tambahkan script dibawah ini untuk membuat huruf yang akan dijadikan Drop Cap.

<span class="hurufbesar">huruf awal</span> .

Contoh penggunaannya  <span class="hurufbesar">B</span>erikut ini, Lihat hasilnya:

• Simpan hasil pekerjaan sobat…
• Jika langkah dilakukan dengan benar maka hasilnya akan kelihatan.