Cara Membuat Drop Cap pada Awal Posting

Cara Membuat Drop Cap pada Awal Posting

Drop Cap adalah huruf besar yang muncul di awal artikel. Untuk membuat Drop Cap seperti ini hanya menggunakan style css. Kalau teman-teman... 15.13.00

Drop Cap adalah huruf besar yang muncul di awal artikel. Untuk membuat Drop Cap seperti ini hanya menggunakan style css. Kalau teman-teman semua tertarik untuk membuat nya mas kolis pernah  membuatnya. Sebenarnya membuat drop cap ini sangat mudah, tapi untuk lebih jelasnya silahkan ikuti langkah-langkah di bawah ini :
1.   Login ke blogger
2.   Langsung ke Tata Letak  - Edit HTML
3.   Cari kode berikut ]]></b:skin>
4.   Masukkan kode di bawah ini, di atas ]]></b:skin>

/* kode untuk huruf awal
----------------------------------------------- */
.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 menerapkan drop cap ini, setiap posting anda harus lewat Edit HTML, bukan lewat edit HTML di template anda. Ketikkan kode ini dulu <span class="awal">huruf awal</span> Kata huruf awal, ganti dengan huruf pertama yang akan kamu posting. Misalnya : <span class="awal">A</span>rtikel membuat huruf besar.

[source]