Membuat Huruf Besar Pada Awal Postingan

Bagaimana cara membuat huruf besar pada awal posting? Di dalam dunia blogging, huruf besar pada awal posting lebih populer dengan sebutan Drop Cap. Untuk memasang fitur Drop Cap di blog, tidaklah sulit karena sobat blogger hanya menambahkan sebuah ramuan di template sobat. Sebuah ramuan yang di buat dengan mengunakan kode CSS (Cascading Style Sheet).

Drop caps adalah huruf besar yang ukurangnya dapat mencapai lebih dari 10 kali lipat huruf biasa yang diletakkan di awal artikel. Anda mungkin sudah sering melihat huruf huruf gede ini di awal kalimat pada koran, majalah, novel dan sebagainya. Dengan memasangnya ini akan membuat postingan anda lebih indah secara visual. Pembaca pun akan merasa berbeda dan merasa seperti membaca majalah.

Cara membuat drop caps ini sangatlah mudah, Kita hanya perlu memasang kode CSS di template dan kode pemanggil huruf dropcaps pada editan post. Untuk lebih jelasnya anda dapat membaca step by stepnya dibawah ini.

pic by. amint85.blogspot.com

  1. Pertama-tama masuk ke akun blogger anda
  2. Masuk ke Template > Edit template
  3. Tekan CTRL + F dan masukan kode berikut ]]></b:skin>. Cari kodenya..
  4. Jika sudah ketemu, masukkan kode di bawah ini tepat di atas ]]></b:skin>


/* kode untuk huruf awal
----------------------------------------------- */
.amint85 {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;}
Keterangan:

  • Kode berwarna merah adalah warna dari font. Lihat code warna disini
  • Kode berwarna orange adalah warna background dari font. kode lainnya klik disini
  • Kode berwarna hijau adalah tinggi line pada font.
  • Kode berwarna biru adalah ukuran dari font.

Klik Save Template / Simpan

Untuk memanggilnya sisipkan kode dibawah ini
<span class="amint85">huruf awal</span>