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..
0 komen:
Catat Ulasan
Pos Berkaitan :