Disain Grafis, Tips dan Triks

Cara Membuat Dropcap (Huruf Besar) Diawal Postingan Blog



Cara Membuat Dropcap (Huruf Besar) Diawal Postingan Blog


Cara Membuat Huruf Besar/Dropcap pada Awal Postingan Blog - Huruf besar yang biasa disebut dengan dropcap banyak dijumpai di majalah atau koran. Pada tutorial blog sekarang ini mengenai dropcap atau huruf besar akan diterapkan di artikel/postingan blog. Untuk membuat huruf besar/dropcap sangat mudah sekali yaitu dengan menambah kode css didalam template blog dan nantinya anda dapat merubah size atau ukuran huruf sesuai keinginan anda.

Menambah huruf besar/dropcap di awal post blog tentu saja akan membuat artikel blog semakin menarik. Nah untuk mempersingkat pembahasan simak bagaimana cara mudah membuat huruf besar/drop cap di awal postingan blogger/blogspot.

Berikut langkah pembuatan dropcap di awal artikel/postingan blog :
1. Login ke Blogger
2. Pilih Templates => Edit HTML
3. Tekan Ctrl+F, cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

.dropcaps {
color: #000;
float: left;
font-family: "Old London";
font-size: 350%;
line-height: 45px;
padding-right: 3px;}

4. Simpan

Untuk menerapkan huruf besar di dalam postingan blog, caranya anda ketik teks seperti biasa anda menulis postingan lalu pada awal kalimat tambahkan kode <span class="dropcaps">A</span> pada posisi HTML

Keterangan :
- Huruf A dapat anda ganti dengan huruf di awal postingan anda
- Angka 45px; adalah tinggi huruf, dapat anda ubah sesuai keinginan

Selesai dan semoga tutorial diatas bermanfaat

Cara Membuat Dropcap (Huruf Besar) Diawal Postingan Blog