Tutorial Membuat Huruf Besar (Drop Cap) pada Awal Postingan

Tahukan teman-teman apa itu drop cap? drop caps adalah huruf besar yang ukurangnya mungin 10 kali lipat huruf biasa yang diletakkan di awal artikel. Nah kalau kalian 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

2. Langsung ke Tata Letak (sekarang design/rancangan) - Edit HTML

3. Cari kode berikut </style>

4. Masukkan kode di bawah ini, di atas </style>

/* 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;

5. Klik Save Template / Simpan

Untuk menerapkan drop cap ini, setiap posting anda 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">L</span>

Nahh... gimana?? Mudah bukan. Akhir kata...
Selamat mencoba!!

Share this post