Cara Membuat Drop Cap Pada Postingan

blogger templates
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 !









.