Cara Membuat Dropcap Keren pada Blog (Original / Square / Circle / Rounded)

KURAZONE ~ Dropcap merupakan fitur yang digunakan untuk memberikan efek Kapital atau huruf besar diawal Paragraf dengan style dropped didalamnya. Efek Dropcap ini kerap sekali digunakan pada salah satu berita didalam majalah atau koran seperti di bawah ini (yang ditandai kotak merah) :


Didalam dunia Blog, hal tersebut juga bisa diterapkan kedalam artikel atau postingan blog. Contoh sederhananya adalah seperti tulisan Bahasa Inggirs dibawah ini :

Gathered cattle. Fruitful living let don’t you’ll whose itself second You’re. Lesser kind us above Above the, after over abundantly, own dominion dry in appear good lesser day let after creepeth multiply beast divided spirit which. Darkness it great gathering green replenish and blessed own morning cattle. Earth for two created life is earth subdue there be appear abundantly fruit own yielding his after bearing life. Second upon after midst yielding rule for air made and. Moved him forth multiply she’d. In. Heaven set Multiply male bring don’t man over dry and upon there after, thing. Saying good image midst them grass.


Gimana? Cukup menarik bukan? Dropcap yang saya share kali ini bisa kalian setting menjadi bentuk Original (seperti Dropcap diatas), atau berbentuk Square/Circle/Rounded. Berikut adalah langkah pembuatan kode Dropcap yang bisa kalian terapkan pada postingan blog anda.

1. Bukan akun Blogger anda >> Pilih Tema / Template >> Pilih Edit HTML >> cari kode ]]></b:skin>
2. Copy kode dibawah ini, lalu paste atau letakkan TEPAT diatas kode ]]></b:skin>
.drop-original{float: left;font-size: 52px;line-height: 1em;margin: 0px 10px 0 0;font-weight: bold;color: #3269ff; font-size: 52px;}
.kura-dropcap{display: block;float: left;font-size: 52px;line-height: 1em;margin: 5px 10px 0 0;padding: 10px 20px;text-align: center;}
.drop-square{background-color: #ff326c; color: white; font-size: 52px;}
.drop-circle {border-radius: 50%;background-color: green; color: white; font-size: 52px;}
.drop-rounded {border-radius: 20%;background-color: #024e9c; color: white; font-size: 52px;}
3. Simpan Template
4. Buatlah Artikel baru dengan mode HTML (bukan Compose), gunakan kode dibawah ini untuk memanggil efek Dropcap nya :
Untuk Dropcap Original
<span class="drop-original">A</span>Teks anda

Untuk Dropcap Square
<span class="kura-dropcap drop-square">A</span>Teks anda

Untuk Dropcap Circle
<span class="kura-dropcap drop-circle">A</span>Teks anda

Untuk Dropcap Rounded
<span class="kura-dropcap drop-rounded">A</span>Teks anda

Silahkan anda pilih sendiri style Dropcap mana yang kalian suka, contoh demo dari Dropcap Square, Circle dan Rounded nya akan seperti Dropcap pada tulisan Bahasa Inggris dibawah ini :

Gathered cattle. Fruitful living let don’t you’ll whose itself second You’re. Lesser kind us above Above the, after over abundantly, own dominion dry in appear good lesser day let after creepeth multiply beast divided spirit which. Darkness it great gathering green replenish and blessed own morning cattle. Earth for two created life is earth subdue there be appear abundantly fruit own yielding his after bearing life. Second upon after midst yielding rule for air made and. Moved him forth multiply she’d. In. Heaven set Multiply male bring don’t man over dry and upon there after, thing. Saying good image midst them grass.

Gathered cattle. Fruitful living let don’t you’ll whose itself second You’re. Lesser kind us above Above the, after over abundantly, own dominion dry in appear good lesser day let after creepeth multiply beast divided spirit which. Darkness it great gathering green replenish and blessed own morning cattle. Earth for two created life is earth subdue there be appear abundantly fruit own yielding his after bearing life. Second upon after midst yielding rule for air made and. Moved him forth multiply she’d. In. Heaven set Multiply male bring don’t man over dry and upon there after, thing. Saying good image midst them grass.

Gathered cattle. Fruitful living let don’t you’ll whose itself second You’re. Lesser kind us above Above the, after over abundantly, own dominion dry in appear good lesser day let after creepeth multiply beast divided spirit which. Darkness it great gathering green replenish and blessed own morning cattle. Earth for two created life is earth subdue there be appear abundantly fruit own yielding his after bearing life. Second upon after midst yielding rule for air made and. Moved him forth multiply she’d. In. Heaven set Multiply male bring don’t man over dry and upon there after, thing. Saying good image midst them grass.


Itulah informasi tentang "Cara Membuat Dropcap Keren pada Blog (Original / Square / Circle / Rounded)", silakan kalian ganti sendiri untuk warna teks dan warna background pada Dropcapnya. Selamat mencoba dan semoga bermanfaat. Goodluck!







أحدث أقدم