Membuat Auto Drop Cap Pada Postingan di Blog

Membuat Auto Drop Cap Pada Postingan di Blog - Hello, kawan! Kali ini saya ingin share sebuah tutorial tentang cara membuat auto drop cap pada postingan di blog. Auto drop cap, maksudnya adalah membuat huruf pertama pada setiap postingan di blog anda menjadi kapital (besar) dan memiliki warna yang berbeda dengan yang lainnya sesuai dengan apa yang sudah di atur. Auto drop cap ini biasanya sering di gunakan untuk memperindah struktur tampilan dalam setiap paragraf yang ada supaya terlihat lebih rapi, unik, dan terkesan indah.

Untuk contoh dari auto drop cap ini kurang lebihnya bisa anda lihat pada gambar di bawah ini :

Nahhh, kira-kira begitu penampakannya... :D Dan bagi anda yang tertarik silahkan bisa langsung anda ikuti saja tutorial cara membuat auto drop cap pada postingan di blog berikut ini :

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".

3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".

4. Kemudian letakkan script kode berikut ini tepat di atas kode ]]></b:skin>.

.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia, Arial;
font-size: 50px;
color: green;
margin: 5px;
padding: 5px;
}

atau script kode yang ini juga bisa :

p:first-letter {
display: block;
float: left;
color: lime;
font-size: 50px;
font-family: Georgia, Times, Courier, Arial;
margin: 5px;
padding: 5px;
}

5. Pilih salah satu dari kedua script kode di atas, setelah itu klik save/simpan template. Selesai dan lihat hasilnya...

Selamat mencoba yaaa... :) Cukup sekian dulu postingan saya pada kesempatan kali ini, semoga postingan tentang cara membuat auto drop cap pada postingan di blog ini bisa bermanfaat bagi anda. Selebihnya saya mohon ma'af atas segala kekurangan yang ada. Salam sejahtera by Seputar Ketramilan...