Assalamualaikum dan Time kasih kerna sudi datang ke blog ini, blog ni diwujudkan pada mulanye adalah utk memuatkan hack blogger yg pernah aku gunakan samaada di blog ini@blog isteriku.. jd lenkali aku xyahla tercari2 lg..selamat berkenalan mari kita berblog..

Memaparkan catatan dengan label Dropcaps. Papar semua catatan
Memaparkan catatan dengan label Dropcaps. Papar semua catatan

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~