Membuat Drop Cap (Huruf Besar) Pada Awal Postingan

 

Beberapa waktu yang lalu saya telah membuat drop cap atau huruf besar pada awal postingan seperti halnya pada awal postingan halaman ini. Saya mendapat trik ini dari Maskolis, seorang master blogger pembuat template gratis yang baik hati.

Nah bagi Anda yang kebetulan nyasar ke sini dan sedang mencari cara Membuat Drop Cap (Huruf Besar) Pada Awal Postingan, kini saya akan share caranya. Caranya cukup mudah, hanya menambahkan kode CSS pada edit HTML template blog. Langsung saja silahkan Anda masuk ke Dashboard blog Anda >> Template >> klik Edit HTML >> centang kotak kecil pada Expand Widget Template. 

Kemudian cari kode ]]></b:skin> (gunakan CTRL + F untuk memudahkan pencarian). Setelah ketemu silahkan copy kode di bawah ini dan paste DI ATAS / SEBELUM kode tadi.

.awal{float:left;color:#000;background:#fff;line-height:30px;padding-top:1px;padding-right:5px;font-family:times;font-size:50px;}

Angka 50 yang berwarna merah adalah ukuran besarnya huruf, silahkan ganti sesuai dengan selera anda. Apabila hurufnya kurang besar, silahkan ganti angkanya misalnya 100. 

Sekarang tinggal SAVE template Anda. Nah untuk menerapkan drop cap ini, ketika Anda sedang membuat postingan alihkan dulu postingan Compose Anda menjadi postingan HTML kemudian tambahkan kode di bawah ini:

<span class="awal">huruf awal</span> 

Kata huruf awal, silahkan ganti dengan huruf pertama atau hurup awal postingan kamu. Misalnya seperti ini:

 <span class="awal">B</span>

Sehingga postingan kamu menjadi seperti di bawah ini:

<span class="awal">B</span>eberapa waktu yang lalu saya telah membuat drop cap.......

Setelah itu silahkan balikan lagi postingan HTML menjadi postingan Compose lagi dan lanjutkan postingan Anda.

Demikian saja postingan Membuat Drop Cap (Huruf Besar) Pada Awal Postingan ini semoga dapat dimengerti dan bermanfaat...

Selamat mencoba ....

Artikel Terkait:

Sebarkan Artikel ini :