Selasa, 29 Maret 2011

Cara Membuat Drop Cap Pada Postingan

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 ]]> dengan ctrl+F (inget Expand Template Widget di centang)
2. Kedua masukan kode ini tepat di atasnya :

/* kode untuk huruf dropcap
----------------------------------------------- */
.dropcap {
float:left;
color: #000000;
background:#ffffff;
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 ! ^


Artikel Terkait:


Tidak ada komentar:

Posting Komentar

Komentator Blog Ini