Cara Membuat Drop Cap Pada Awal Postingan Blogspot

Pada setiap kali kita ingin memposting sebuah artikel, mungkin terpikir di pikiran kita untuk membuat postingan kita lebih menarik agar pengunjung betah dan tidak bosan membaca postingan kita.

Dengan membuat postingan kita lebih menarik, maka pengunjung akan betah berlama-lama di blog kita dan tidak menutup kemungkinan jika pengunjung menyukai artikel yag ada di blog kita, maka dia akan mengunjungi kembali blog kita untuk mencari artikel-artikel yang lain.

Drop cap adalah huruf berukuran besar yang tampil di huruf awal postingan, ini seperti tuisan yang ada di koran. Nah dengan Drop cap ini akan memberi efek menarik bagi postingan blog kita, nah apakah anda tertarik untuk mencoba trik ini? Silahkan ikuti langkah-langkah Cara Membuat Huruf Besar Pada Awal Postingan (Drop Cap) berikut ini.
Tutorial Blogger dan SEO Blogger

1.Log in ke blogger dengan akun yang anda miliki.
2.Klik rancangan » edit HTML » centang kotak Expand Template Widget. Atau yang menggunakan tampilan blogger yang baru, anda langsung saja klik template » edit HTML » cetang kotak Expand Template Widget.
3.Cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat di atas kode ]]></b:skin>.

/* huruf besar
----------------------------------------------- */
.besar {
float:left;
color: #000000;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

4.Save template anda.

Untuk menampilkan drop cap-nya pada postingan anda, anda tinggal menambahkan kode dibawah ini pada HTML postingan anda.

<span class="besar">Huruf yang ingin dijadikan huruf besar</span>

Keterangan :
  • Kode yang berwarna merah adalah warna tulisannya anda bisa menggantinya dengan warna yang anda inginkan. 
  • Kode yang berwarna biru adalah ukuran font/huruf-nya, anda juga bisa menyesuaikannya dengan keinginan anda.

Nah mudah bukan untuk membuat efek drop cap pada postingan anda, ternyata ini hanya permainan CSS saja.

Sekian tutorial blog kali ini yang membahas Cara Membuat Huruf Besar Pada Awal Postingan mudah-mudahan artikel ini bisa memecahkan masalah anda.

Post a Comment

W a r n i n g !
Komentar anda tidak boleh mengandung unsur:
- Penghinaan atau Pelecehan.
- Spamming (Spam Comment).
- Link Aktif atau Anchor Text, dan sejenisnya.

Komentar akan muncul setelah di setujui.
Tulislah setiap kata dengan penuh kesopanan.

Terima kasih untuk kunjungannya.