Cara membuat Dropcap pada postingan blog

Pasti kawan-kawan semua sudah mengerti apa itu dropcap? Kalau ada yang belum mengerti akan saya jelaskan secara rinci apa itu dropcap. Drop cap adalah huruf besar pada awal kalimat, biasanya dropcap ini sering ditemukan saat kita sedang membaca surat kabar sebagai awal kalimatnya. Bukan hanya itu dropcap juga biasa dipakai pada MS. Word (Microsoft Word). Sekarang fasilitas dropcap ini bisa kita gunakan untuk awal kalimat pada postingan blog (blogger), ya meskipun caranya agak sedikit susah/rumit. Dibawah ini adalah contoh dropcap pada postingan blog

T

utorial Blogger adalah blog yang bisa dibilang cukup berteman dan tidak sombong


Untuk membuat dropcap pada postingan blog, ikuti langkah dibawah ini
1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget

 Gambar 1.1. Edit HTML

 Gambar 1.2. Lanjutkan

2. Cari kode ]]></b:skin> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

3. Setelah ketemu letakan kode dibawah ini tepat diatas kode yang tadi 

/* Drop Cap
----------------------------------------------- */
.dropcap {
float:left;
color: #000000;
line-height:35px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:70px;
}

4. Simpan templatenya

Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

Menggunakan Dropcap Pada Postingan

1. Buatlah sebuah postingan

2. Klik Edit HTML 

3. Ketik <div class="dropcap">Huruf Besar</div>

Contohnya seperti ini

<div class="dropcap">H</div>ai nama saya Andreano Calvin

Setelah jadi akan seperti ini 

H

ai nama saya Andreano Calvin
 


Semoga Berhasil

Anda baru saja membaca artikel yang berkategori dasar blog | posting dengan judul Cara membuat Dropcap pada postingan blog. Jika kamu suka, janganlike dan bagikan keteman-temanmu ya... By : Tutorial Blogger

Ditulis oleh: Andreano Calvin - Rabu, 04 April 2012