Dropcap adalah huruf besar di awal kata atau
kalimat pada sebuah tulisan. Pemakaiannya
sering kita jumpai pada koran, majalah atau
buku. Kita juga bisa menerapkannya pada
tulisan postingan yang kita buat. Contohnya seperti
pada postingan yang sekarang ini anda lihat. Bila anda
tertarik ingin mencobanya, berikut ini langkahnya :
1. Masuk ke Edit HTML.
2. Cari kode .post{.......
Contohnya :
.post{margin:.5em 0 .5em;border-bottom:0px
dotted #686E73;padding-bottom:1em}
3. Tambahkan kode berikut, di bawahnya.
.drop {
float:left;
color:#FF0000;
font-family: Verdana;
font-size:60px;
line-height:50px;
padding-top:10px;
padding-right:12px;
}
Maka susunannya menjadi :
.post{margin:.5em 0 .5em;border-bottom:0px
dotted #686E73;padding-bottom:1em}
.drop {
float:left;
color:#FF0000;
font-family: Verdana;
font-size:60px;
line-height:50px;
padding-top:10px;
padding-right:12px;
}
KETERANGAN :
Ganti color (warna) yang menjadi huruf dropcapnya
sesuai dengan yang anda inginkan.
Ubah juga jenis dan ukuran huruf dropcapnya.
4. Waktu menulis postingnya, awali dengan :
<span class="drop">.....</span>.......................
Contohnya seperti ini :
<span class="drop">D</span>ropcap adalah huruf besar
di awal kata atau kalimat pada sebuah tulisan. Pemakaian-
nya sering kita jumpai pada koran, majalah ataupun buku.
Kita juga bisa menerapkannya pada tulisan postingan
yang kita buat.
Selamat mencoba, good luck!
0 comments:
Posting Komentar