Senin, 17 Juni 2013

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.

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).

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.

Tidak ada komentar:

Posting Komentar