Search This Blog

Membuat Drop Cap Di Postingan Blogspot

  • Thursday, June 21, 2018 at 8:54:00 AM
  • 2 Comments
  • Views
Kali ini aku bakalan nulis tentang Drop Cap atau huruf atau kata pertama dalam paragraf yang di tampilkan lebih besar dan mencolok. Drop Cap ini biasa di gunakan pada majalah, koran, dan lain lain. Tutorial Drop Cap ini aku dapatkan dari blognya Bloggerhow.

Pemasangan
Pasang kode CSS ini di template blog kamu. Pasang sebelum kode ]]</b:skin> atau </style>.
.dropcap {
    float: left;
    line-height: 60px;
    padding-top: 20px;
    padding-right: 15px;
    font-size: 95px;
}
Kemudian setiap kamu ingin menambahkan Drop Cap di postingan kamu sisipkan kode berikut ini di HTML mode.
<span class="dropcap">drop cap here</span>
Replace drop cap here dengan kata pertama atau huruf yang akan di jadikan lebih besar.
Drop Cap di postingan.
Contoh Drop Cap di postingan adalah seperti di bawah ini.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Referensi
2 comments
2 comments