Friday, November 14, 2014

Drop Caps atau Huruf Besar di Awal Postingan Blog

dropcaps


Drop Caps atau Huruf Besar di Awal Postingan Blog - Kali ini saya akan memberikan tips cara membuat Drop Caps pada sebuah postingan blogger. Apa itu yang dimaksud dengan Drop Caps? Drop Caps adalah huruf besar yang biasanya terletak di awal paragraf yang biasanya sering digunakan didalam sebuah buku-buku atau majalah. Namun, seiring dengan berkembangnya zaman, drop caps juga dapat diterapkan didalam postingan atau artikel dalam sebuah blog atau website dengan guna untuk mempercantik tampilan terutama didalam postingan yaitu dengan cara menambahkan beberapa kode-kode css didalamnya.

Langkah untuk membuat Drop Caps dalam blog sebagai berikut:

1. Edit HTML pada template blogger kamu, lalu cari kode ]]></b:skin> atau </style>
2. Copy kode dibawah ini, lalu letakkan tepat diatas kode ]]></b:skin> atau </style>

 .dropcap{float:left;color:#000000;background:#fff;line-height:44px;padding-right:5px;font-family:Arial;font-size:40px;} 


Simpan pekerjaan anda, setelah itu masuk ke entri postingan blog dan buat sebuah postingan. 
Setelah masuk dipostingan baru silahkan ikuti petunjuk penggunaan Drop Caps berikut ini:

1. Ganti mode postingan menjadi HTML bukan mode Compose.
2. Letakkan kode dibawah ini diantara huruf pertama dalam artikel atau postingan

 <span class="dropcap">Huruf yang akan di Dropcap</span> 


Contoh penerapan seperti dibawah ini.
<span class="dropcap">D</span>rop Caps adalah huruf besar yang biasanya terletak di awal paragraf yang biasanya sering digunakan didalam sebuah buku-buku atau majalah.

Contoh diatas huruf "D" adalah huruf yang bercetak besar atau Drop Caps.

3. Publish postingan anda dan lihat hasilnya.

Begitulah mudahnya cara membuat Dropcap atau huruf besar di awal dalam sebuah postingan suatu blog. Demikianlah tutorial blog dari kami tentang Drop Caps atau Huruf Besar di Awal Postingan Blog. Jika anda masih kurang mengerti, bisa bertanya pada kami melalui form komentar di bawah ini.
Selamat mencoba dan semoga berhasil.
Sagitarius Kusadhi


EmoticonEmoticon