Huruf Besar Di Awal Posting

Sering kita temui di blog-blog dimana huruf besar digunakan di awal kalimat posting dan membuat tampilan posting lebih menarik. I menarik perhatian pembaca terhadap satu-satu posting yang ditampilkan dan mengajak mata pembaca untuk terus mengikuti deretan tulisan selepasnya.

Hal tersebut sebenarnya mudah dilakukan, iaitu dengan menambahkan style CSS pada halaman Edit HTML. Ia dipanggil "Dropcaps" di permulaan posting.


Login ke Dashboard anda dan klik Layout -> Edit HTML

1) Buat carian untuk kod ]]></b:skin>

2) Salin dan tampal kod di bawah ini sebelum ]]></b:skin>


.dropcaps {
float:left; color: #ff9900;
font-size:70px;
line-height:60px;
padding-top:1px;
padding-right:5px;
font-family:"Monotype Corsiva";
width: 50px; }
}


Anda boleh menuukar font-family:"Monotype Corsiva"; kepada font kegemaran anda namun adalah lebih selamat untuk menggunakan font yang kerap digunakan kerana font yang anda pilih mungkin tidak ada di dalam komputer pengunjung.

3) Kemudian anda perlu tambahkan pada bahagian Setting -> Formatting dan di bahagian bawah dalam kotak Post Template, salintampalkan pula kod ini.


<span class="dropcaps">huruf pertama</span>


4) Klik Save dan kini di bahagian Posting, anda cuba "Create" satu kiriman. Anda akan mula menaip dan letakkan huruf pertama diantara koding <span class="dropcaps"></span> itu tadi.



5) Setelah siap, cuba simpan dan lihat hasilnya!