Jumat, 22 Juni 2012

Membuat efek drop Cap



Drop cap adalah efek tulisan besar pada teks awal paragraf. Untuk membuatnya, kamu dapat menambahkan kofde CSS pada halaman template. Berikut caranya :
1.      Login pada blogger
2.      Masuk pada halaman Tata Letak, bagian edit HTML
3.      Tambahkan kode CSS berikut sebelum kode ]]></b:skin>, kodenya di bawah ini :
.awal {
Float : left ;
Padding-top : Opx ;
Padding-right : 5px ;
font-family : times ;
font-size : 50px ;
line-height : 45px ;
color : #000000 ;
}
]] ></b : skin>
Pada perintah color, kamu dapat memberi nilai sembarangan warna, sesuaikan dengan warna text yang akan dibuat. Gunakan kode ASCII atau dengan teks nama warna (red,blue.yellow,dll)
4.      Jika sudah klik tombol SIMPAN TEMPLATE
Kode CSS efek drop cap sudah ditambahkan. Sekarang kamu bisa memakai kode di atas pada setiap tulisan. Caranya harus menulis dari halaman EDIT HTML kemudian tuliskan seperti format berikut :
<span class=”awal”> Teks </span>
Dadi lah. Joba aja.

Tidak ada komentar:

Posting Komentar