√ Cara Membuat Drop Cap Pada Postingan

Cara Membuat Drop Cap Pada Postingan

Kang Fathur

Monday, July 25, 2011

Awalnya mencari - cari informasi tentang gimana sih cara membuat postingan dengan DROP CAP. Tanya sini situ ama temen, jawabannya pada ga tau. Duh akhirnya coba - coba searching di mbah google. Nah, akhirnya dapet deh (hore....prok...prok...). Contohnya ya kayak huruf "A" di atas itu. Mau tau cara buatnya???? Monggo atu teman - teman semuanya diklik selengkapnya biar ga penasaran....

1. Pertama cari kode ini ]]></b:skin> dengan ctrl+F gak usah di Expand Template Widget dah nantinya pusing cos kode timbul semua hehe
2. Kedua masukan kode ini tepat di atasnya :

/* kode untuk huruf dropcap
----------------------------------------------- */
.dropcap {
float:left;
color: #ff0000;
background: ;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

3. Nanti pada postingan jangan lupa tambahankan ini <span class="dropcap">A</span> (Contoh, huruf A bisa diganti sesuai dengan postingan kamu)
4. Terakhir simpan template deh.

Selamat mencoba !