Pages

Pages

Pages

Cara Membuat Drop Cap

1. Login di blogger dengan ID Cyber Mania

2. Klik menu Layout
3. Klik Tab Edit HTML


Cara Membuat Drop Cap pada Posting

Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda
dengan mengklik
 Download Template Lengkap.

Cara Membuat Drop Cap pada Posting
4. Centang Expand Template Widget agar code dapat terlihat semua
5. Cari Kode .post { telusuri code itu sampai bertemu dengan simbol  }


Cara Membuat Drop Cap pada Posting

6. Kalo sudah Ketemu cyber mania copy kan code berikut persis dibawah kode
tadi tepat dibawah
simbol  }

dropcaps {
float:left;
color:#000000; (warna huruf drop cap)
font-size:100px; (ukuran font drop cap)
line-height:80px; (tinggi huruf drop cap)
margin-top:-21px; (jarak huruf dorp cap dari atas)
margin-right:5px; (jarak huruf drop cup dari kanan paragraph)
yang perlu di copy hanyalah code berwarna biru saja sedangkan tulisan
didalam kurung silahkan di
ganti sesuai keinginan Cyber Mania.
7. Simpan template 
Cara Membuat Drop Cap pada Posting

8. Setiap Cyber Mania hendak posting wajib menambahkan code 
    <span class="dropcaps">Huruf Awal</span>
    tulisan yang berwarna merah silahkan diganti dengan huruf awal postingan
di setiap huruf awal postingan CYber mania.
9. Simpan dan liat hasilnya...

Tidak ada komentar:

Posting Komentar