Dropcaps

Kamu tahu tak ape itu dropcaps..cuba kamu tgk contoh kat bawah, saya bagi 2 jenis contoh:-

Pertama


Kedua



Ianya merupakan Huruf Awalan yang berbeza dengan huruf yang lain dalam sesebuah ayat.
Jika kamu ingin letakkannya dalam blog kamu, ikut prosedur dibawah:-

1st skali kena log in lam Blogger, gi kat |Layout| --> |Template| --> |Edit Html|.
Jangan lupa tanda pada kotak |Expand Widget Template|

Skang cari kod ini (guna CTRL+F) : ]]></b:skin>
Letakkan kod dibawah sebelum kod ]]></b:skin> spt gmbar berikut:-

Untuk jenis pertama, masukkan kod ini
.dropcaps {
float:left; color: #ff9900;
font-size:70px;
line-height:60px;
padding-top:1px;
padding-right:5px;
font-family:"Monotype Corsiva";
width: 50px; }


Untuk jenis Kedua, masukkan kod ini
.dropcaps {
border: 1px solid darkkhaki;
background: khaki none repeat scroll 0% 0%; margin-right: 6px; margin-top: 5px;
float: left; color: white;
-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
font-size: 80px; line-height: 60px; padding-top: 2px;
padding-right: 5px; font-family:"Monotype Corsiva"; }


Perhatian : Anda boleh tukar font-family:"Monotype Corsiva"; kepada tulisan kegemaran anda

Sekarang pergi pada bahagian |Setting| --> |Formatting| dan di bahagian bawah dalam kotak |Post Template|, pastekan pula kod ini.
<span class="dropcaps">P</span>ertama

Mungkin lebih mudah anda melihat code itu melalui |edit html| berbanding |Compose| ketika membuat posting baru.

Semoga berjaya..

eriyzaqistina

---

~orang yang comel sentiasa meninggalkan komen~

---