Cara Membuat Drop Cap (Huruf Besar) Pada Awal Postingan

Cara Membuat Drop Cap (Huruf Besar) Pada Awal Postingan
Cara Membuat Drop Cap (Huruf Besar) Pada Awal Postingan - Huruf besar atau yang sering kita kenal dengan sebutan 'Drop Cap' biasanya terletak pada awal paragraf, style font seperti ini cenderung memberi petunjuk bahwa paragraf tersebut adalah awal dari suatu cerita maupun artikel. Sekarang, drop cap tidak hanya diterapkan pada buku-buku cerita zaman waktu dulu kita kecil saja, namun style ini juga sudah banyak sekali digunakan untuk 'mempercantik' tampilan website khususnya untuk faktor konten. Sebenarnya tak ada tujuan lain dari memasang font ini selain untuk 'memodifikasi' blog, karena dengan tampilan huruf besar pada awal paragraf 1 artikel seperti ini, blog kita akan terlihat lebih proffessional layaknya sebuah situs yang sudah mendunia, alangkah baiknya jika drop cap ini kita selaraskan dengan tampilan template yang berbau 'minimalistic', karena font-style huruf besar seperti ini tidak terpisahkan dari unsur yang memiliki kesan minimalis dan elegan.

Inspirasi artikel ini datang dari blog seorang sahabat saya yang 'umur' blognya kini semakin menua menuju ke kedewasaan, secara tak tersadari ternyata blog beliau kini sudah memiliki pagerank 5, mungkin jika kita ukirkan atau gambarkan blog dengan predikat pagerank 5, hal tersebut adalah pencapaian yang sangat bagus sekali untuk blog-blog yang dikelola secara personal. Dengan kegigihan dan sifat tahan bantingnya kini blognya sudah menembus peringkat 18.000 alexa 'all over the world', tapi hal itu tak membuatnya lupa akan hal yang sudah membuatnya menjadi seperti ini dan tetap bersahabat dengan para pengunjungnya, sekarang ia beralih profesi sebagai pembuat template dan proffesional blogger, namun terakhir kali saya lihat bibir dunia mayanya berucap "untuk sementara saya akan istirahat dari dunia blogger", Beliau adalah maskolis.

Bisa anda lihat contoh drop cap pada gambar diatas, mungkin kurang lebih nanti akan seperti itu bentuk dan tampilanya, tetapi tampilan tersebut tidak terlepas dari font atau gaya tulisan yang kita terapkan di blog, perlu anda ketahui, huruf besar ini nantinya tidak akan mengikuti font yang sudah anda tentukan secara default, namun anda perlu sedikit memodifikasi kodenya dengan jenis font yang anda minati, jika saya sarankan pakailah style huruf yang sudah 'familiar' dan 'nyaman' untuk dilihat, pasalnya font yang kurang mendukung, dalam artian kurang enak pada saat dipandang, maka hal tersebut akan berdampak kepada ketidaknyamanan pengunjung dalam membaca konten.

1. Login ke Blogger.

2. Pilih Template.

3. Klik Edit HTML > Lanjutkan.

4. Centang box 'Expand Template Widget'.

5. Cari kode ]]></b:skin> dengan CTRL+F, lalu letakkan kode di bawah ini tepat diatasnya.

.dropcap{float:left;color:#000000;background:#fff;line-height:30px;padding-top:1px;padding-right:5px;font-family:arial;font-size:30px;}
Keterangan: 
  • Arial = Jenis font dari Drop Cap (Huruf besar)
  • 30px = Ukuran font dari Drop Cap (Huruf besar)
  • #000000 = Warna font dari Drop Cap (Huruf besar)
6. Klik 'save template'.

7. Sekarang, kita beralih ke cara penerapanya pada halaman posting.

8. Masuk ke Buat Entri Baru.

9. Pilih opsi 'HTML' (bukan compose).

Cara Membuat Drop Cap (Huruf Besar) Pada Awal Postingan







10. Selanjutnya, Ingat! masukkan kode yang digaris bawahi berikut ini pada halaman HTML (entri baru) setiap kali kita ingin membuat postingan, dan jangan lupa untuk mengganti B pada kode di bawah ini dengan huruf awal kalimat dalam paragraf anda, misalnya kalimat pertama 'Sendal', maka anda harus mengganti kode B tadi dengan huruf awalan 'S'.

<span class="dropcap">B</span>erapa dana ideal yang harus kita sisihkan pada setiap menambung?

 11. Selesai.

Bagaimana? mudah bukan untuk membuat blog lebih kreatif dan atraktif dengan menerapkan gaya tulisan drop cap atau huruf besar di blog anda. Demikian tutorial blog tentang cara membuat drop cap (huruf besar) pada awal postingan, semoga bermanfaat, dan selamat mencoba.

Postingan terkait: