1/9/17

Cara Membuat Drop Cap Untuk Posting Blogger

Cara Membuat Drop Cap Untuk Posting Blogger

Drop Cap adalah huruf awal suatu paragraph yang diperbesar. Maksudnya huruf pada awal suatu paragraph besarnya beberapa baris lebih besar daripada huruf-huruf lainnya. Besarnya huruf pada awal paragraph ini bisa diatur beberapa baris dari tulisan dan jarak antara drop cap dan tulisan yang lain.

Drop cap juga sering kita temui di media virtual seperti situs-situs besar yang menyiarkan seputar berita atau pada koran harian, majalah dan buku-buku pelajaran sekolah. pada komponen blog sendiri, blogger tidak menyediakan fasilitas seperti drop cap dan kita harus menambahkan sedikit css di dalam template blog milik kita.

Sebenarnya membuat drop cap pada saat menulis artikel di blog ini tidak begitu sesulit yang anda bayangkan. Nah kalau teman-teman semua tertarik untuk membuat nya, sailahkan simak tutorialnya.

1. Pertama silahkan Anda Login ke Akun Blogger Anda.
2. Setelah masuk selanjutnya pilih Template ⇨ Edit HTML.
3. Selanjutnya Copy pastekan kode CSS ini sebelum  ]]></b:skin>.
.first-letter {
  float:left;
  color:#f77c6a;
  font-size:75px;
  line-height:60px;
  padding-top:4px;
  padding-right:8px;
  padding-left:3px;
  font-family:Georgia;
}

Keterangan :
- color : #f77c6a; untuk merubah warna pada drop cap.
- font-size : 75 px; untuk merubah ukuran hurup.
- font-family:Georgia; untuk merubah jenis huruf (contoh: Arial, Roboto, dll).

4. Untuk penggunaannya, silahkan gunakan kode berikut ini ketika membuat posting (tambahkan dalam tab HTML yang ada di sebelah Compose).

<span class="first-letter">hurup pertama</span>
Ganti tulisan ini hurup pertama  dengan hurup pertama pada postingan yang Anda buat. (contoh: "pada suatu hari". maka hurup yang di masukan adalah hurup "P").

Demikian tutorial yang bisa saya berikan pada kesempatan kali ini. Semoga bermanfaat.

You might also enjoy reading

Subscribe

Daftarkan email Anda untuk mendapatkan Artikel terbaru pilihan dari Andito Blog

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai