Apakah kalian tahu drop cap itu apa? drop caps adalah huruf besar yang ukurannya bisa 10 kali lipat dari huruf biasa yang posisinya di setiap awal artikel yang ada diblog ini.lihat gambar dibawah ini
Nah kalau memang kalian tertarik untuk membuatnya? baiklah saya akan berbagi tutorialnya. Sebenarnya membuat drop caps ini sangatlah mudah.
Naaaaaahhhh untuk lebih jelasnya silahkan ikuti langkah-langkah di berikut ini :- Login ke blogger
- Langsung ke Tata Letak (sekarang Rancangan) -->> Edit HTML
- Cari kode berikut ]]></b:skin>
- Masukkan kode di bawah ini, di atas ]]></b:skin>
/* kode untuk huruf awal
----------------------------------------------- */
.huruf {
float:left;
color:#000;
line-height:60px;
padding-right:5px;
font-family:trebuchet ms,verdana;
font-size:60px;
} - Klik Save Template / Simpan
Note:
Untuk menerapkan drop caps ini perlu kalian perhatikan, setiap posting anda harus menggunakan menu Edit HTML (bukan lewat edit HTML di template anda) Ketikkan kode ini dulu <span class="huruf">HURUF AWAL</span> Kata huruf awal, ganti dengan huruf pertamamu yang akan kamu posting. Misalnya : <span class="awal">A</span>pakah dan seterusnya......
Contoh pengetikannya :
Maka hasilnya akan nampak seperti diatas...
Selamat Mencoba.....
sangat bagus....
ReplyDelete