Membuat Drop Cap pada Posting

Langsung kecaranya:
1. Log in blogger >> Rancangan >> Edit HTML >> biasakan untuk memback up template anda
2. Cari kode(supaya lebih mudah gunakan ctrl+F):

.post
3. Perhatikanlah beberapa baris kode dibawahnya. Kemudian masukkan kode di bawah ini tepat di bawah tanda
}

.dropcaps {
float:left;
color:#000000; (warna huruf drop cap)
font-size:100px; (ukuran font drop cap)
line-height:80px; (tinggi huruf drop cap)
margin-top:-21px; (jarak huruf dorp cap dari atas)
margin-right:5px; (jarak huruf drop cup dari kanan paragraph)

NB:Kalimat dalam kurung adalah sebagai keterangan dari kodenya. Anda bisa rubah masing-masing pengaturan tersebut sesuai keinginan anda.
4. Simpan Template.

Lalu sekarang langsung edit entri.
1. Posting, edit entri, pilih tab edit HTML
2. Masukkan kode berikut diawal paragraf:
<span class="dropcaps">
3. Lalu setelah huruf pertama masukkan kode berikut:
</span>

0 komentar :