July 8, 2012

Cara Nak Buat Drop Cap [Huruf Pertama Besar]

Tutorial ini akan menunjukkan cara nak buat drop cap..senang saja..hanya ikut step

Dashboard >Design >Edit HTML > Tick Expand Widget Template 

Step 1.Cari code </head>
*tekan serentak ctrl+F dan masukkan code dalam box untuk memudahkan pencarian

Step 2.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 capEdwardian Script ITC=Jenis tulisan343434=Warna tulisan

Step 3. Preview dan save

Cara nak Gunakan drop cap

Step 1.Tulis entry macam biasa.

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


Lihat contoh pada garisan merah

Step 3. Kemudian Preview dan teruskan menaip entry korang..



Credit to : SihatiMerahJambu

5 comments:

Assalamualaikum..terima kasih sebab singgah, komen yang baik2 ja tau !! nanti sha singgah blog korang..In Sha Allah :)