Drop Caps / Huruf Besar diletakkan di awal paragraf awal dan biasanya terletak pada paragraf pembuka sebuah artikel entah itu di majalah, koran ataupun newsletter seperti Gambar disanping ini:
Nah Bagaimanakah cara membuat Drop Caps tersebut pada Postingan Blog kita??
Silahkan ikuti Tutor dibawah ini:
- Login ke Blogger : Dasbor anda!
- Masuk ke Rancangan -> Edit HTML
- Paste kan Kode dibawah ini tepat di atas ]]></b:skin>
.drop_cap {float:left;color:#003399;line-height:60px;padding-right:5px;font-family:trebuchet ms,verdana;font-size:60px;background-color:#e69138;}
- Kemudian klik tombol Simpan Template dan Tutup
Pada saat membuat Postingan, jangan lupa menambahkan sebuah kode berikut pada huruf yang akan di perbesar ukurannya.
<span class="drop_cap">D</span>
Sebagai contoh seperti berikut :
<span class="drop_cap">D</span>rop Cap adalah sebuah text yang mempunyai ukuran lebih besar dari pada huruf lainnya, dan biasanya digunakan untuk memulai sebuah paragraf. Pada postingan ini kita akan membahas tutorial cara menampilkan huruf besar / drop cap dengan menggunakan CSS sederhana.
Hasilnya akan menjadi seperti ini:
Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.
Sejauh ini belum ada diskusi yang masuk. Mulailah berdiskusi dan temukan teman-teman barumu.