Pages

Showing posts with label Dropcaps. Show all posts
Showing posts with label Dropcaps. Show all posts

17 December 2008

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