RSS

About

Selamat Datang di Blog Saya

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 




Kumpulan Tutorial | Aksesoris Blog | Dasar dasar Blog | Gadget Blog | Template Blog






Kumpulan Tutorial | Aksesoris Blog | Dasar dasar Blog | Gadget Blog | Template Blog


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

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS