Tutorial: Huruf Besar (Drop Cap) pada Awal Entri

B

agi menampakkan kelainan pada entri di blog, kita boleh meletakkan drop cap pada awal artikel. Drop cap adalah huruf bersaiz besar yang diletakkan pada awal artikel seperti di bawah.

Jika ada yang berminat untuk membuatnya, bolehlah ikuti langkah-langkah di bawah ini.

Cara Letak Drop Cap pada Awal Entri 

1. Login ke Blogger.
2. Dashboard - Design - Edit HTML - Tick Expand Widget Template.
2. Dengan menggunakan fungsi Find (ctrl + F), cari kod berikut:

]]></b:skin>

3. Jika dah jumpa, copy kod di bawah pula:

/* 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;

4. Paste betul-betul di atas kod  ]]></b:skin>
5. Preview terlebih dahulu. Jika OK boleh save.

Untuk menerapkan drop cap, setiap entri mestilah dimulakan dengan Edit HTML, (bukan edit HTML di template). Semasa menulis catatan baru, klik kod ini terlebih dulu <span class="awal">huruf awal</span> Ganti kata huruf awal dengan huruf pertama dalam catatan tersebut. Contohnya, Jika perkataan awal dalam catatan ialah 'hadiah' maka kod tersebut menjadi <span class="awal">H</span>]]></b:skin>

SELAMAT MENCUBA

 Sumber: sini