Tutorial buat drop cap [Huruf pertama besar]

 

Drop cap adalah huruf pertama besar dalam artikel seperti yang kau orang tengok dalam majalah dan akhbar tu. Contohnya dalam gambar di atas.

1. Log in blogger>>Dashboard>>Design>>Edit HTML

2. Cari code </head>

*tekan serentak ctrl+F dan masukkan code dalam box untuk memudahkan pencarian

3.Copy code bawah ni

<style type="text/css">
hufufbesar{
float:left;
width:80px;
font-size:400%;
font-family:Edwardian Script ITC;
font-weight:bold;
color:#343434;
line-height:80%;
}
</style>

Untuk customize :*80=lebar size drop cap Edwardian Script ITC=Jenis tulisan 343434=Warna tulisan

4. Paste kan code di no3[di atas] sebelum code</head>

5. Save

Cara nak gunakan drop cap

1. Tulis entry macam biasa.

*untuk lebih jelas tengok pada gambar bawah ni

2. Click pada edit html dan taipkan code ni <hufufbesar> sebelum huruf pertama dan </hufufbesar> selepas huruf pertama.

*untuk lebih jelas sila tengok gambar bawah ni.

3. Kemudian preview.Kalau dah settle,boleh teruskan penulisan entry.

*kalau nak buat code ni selepas menulis entry pun boleh.Pastikan code ni di antara huruf pertama yang nak dibesarkan tu.

Nampak entry macam lagi menarik je kan.

sumber tutorial : http://www.carabuatwebgratis.com/2011/06/cara-membuat-huruf-pertama-pada-ertikel.html