Cara Membuat Huruf Besar (Drop Cap) Pada Awal Postingan

drop caps adalah huruf besar yang ukurangnya mungin 10 kali lipat huruf biasa yang diletakkan di awal artikel. Nah kalau teman-teman semua tertarik untuk membuat nya, saya akan kasih tau tutorialnya. Sebenarnya membuat drop caps ini sangatlah mudah, tapi untuk lebih jelasnya silahkan ikuti langkah-langkah di bawah ini :

1.   Login ke blogger sobbat
2.   Pilih menu Template => Edit HTML
3.   Cari kode ]]></b:skin>
4.   Masukkan kode di bawah ini, tepat di atas ]]></b:skin> 

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

Keterangan :
~ Kode yang berwarna BIRU untuk mengatur warna teks.
~ Kode yang berwarna HIJAU untuk mengatur warna Background teks
~ Kode yang berwarna KUNING untuk mengatur jenis font yang digunakan
~ Kode yang berwarna ORANGE untuk mengatur ukuran teks.

5. Terakhir simpan template sobat.

Untuk menerapkan drop cap ini, setiap posting sobat harus lewat Edit HTML, bukan lewat edit HTML di template anda. Ketikkan kode ini dulu <span class="awal">huruf awal</span> Kata huruf awal, ganti dengan huruf pertamamu yang akan kamu posting. Misalnya : <span class="awal">S</span>. Maka akan menjadi seperti di bawah ini :

Ok, sekian dulu artikel saya tentang Cara Membuat Huruf Besar (Drop Cap) Pada Awal Postingan, Semoga artikel ini dapat bermanfaat bagi siapapun yang membacanya.

Share on Google Plus

About SumberUangQu