Cara Nak Buat Drop Cap [Huruf Pertama Besar]

by - Sunday, July 08, 2012

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

You May Also Like

5 Comments

  1. tuto yg menarik sha...rajin betul...tuto pasal template tue nanti akak kasi ya..

    ReplyDelete

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