Thursday, March 1, 2012

Membuat Drop Cap pada awal Posting

Drop Cap adalah hurup awal yang diperbesar, mungkin 10x lipat dari huruf biasa. Nah, Drop Cap ini sering di pakai oleh sebagian orang karena menarik dan memperindah sebuah tulisan. Jika, anda berminat untuk membuatnya, silahkan ikuti tutorial di bawah ini. sangat mudah kok dalam pembuatannya.

1. Seperti biasanya Login dulu ke Blog anda.
2. Selajutnya klik Tab Design/Rancangan => klik edit HTML.
3. cari kode birikut ]]></b:skin> (klik CTRL+F lalu ketik ]]></b:skin> untuk mempermudah pencarian)
4. masukkan kode di bawah ini., di atas kode ]]></b:skin>

Copy Kode ini :
/* Drop Cap */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;

5. klik Save Template / Simpan. 
Untuk memakain Drop cap ini, anda harus memasukkannya lewat HTML pada postingan anda, buka lewat edit HTML template anda. ketikkan pada posting anda <span class="awal">huruf awal</span> ganti huruf awal dengan huruf yang ingin anda jadikan Drop Cap. Misalkan <span class="awal">K</span>.

SELAMAT MENCOBA

0 comments:

Post a Comment

 
© Copyright 2035 Kusuma Blogs
Theme by Yusuf Fikri