Membuat Drop Cap pada posting

Print this page

Drop caps adalah huruf besar yang ukurangnya mungkin 10 kali lipat lebih besar dari huruf biasa yang diletakkan di awal artikel seperti yang anda temukan pada program aplikasi Word. Nah kalau anda tertarik untuk membuatnya, saya akan kasih tau tutorialnya. Sebenarnya membuat drop caps ini sangatlah mudah, tapi untuk lebih jelasnya silahkan ikuti langkah-langkah di bawah ini :

1. Login ke blogger
2. Langsung ke Tata Letak (sekarang design/rancangan) - 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

Jika anda mau anda bisa merubah nilai background pada kode diatas menjadi "none" dan 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 pertamamu yang akan kamu posting.

Artikel Terkait