Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Membuat Huruf Besar pada Awal Teks Postingan

Ingin membuat blognya seperti gaya koran atau majalah? Yaitu dengan membuat huruf di awal teks postingan lebih besar dibanding setelahnya. Istilah lainnya adalah drop caps yaitu huruf besar yang ukurannya mungkin 10 kali lipat huruf biasa yang diletakkan di awal teks postingan.

Caranya cukup mudah, dengan membuat huruf pada awal teks yang ada di postingan bisa membuat halaman atau teks yang kita postingan lebih dinamis dan menarik. Kalau kamu ingin mencobanya, simak langkah-langkahnya berikut ini.

Cara Membuat Huruf Besar pada Awal Teks Postingan
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></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;

5. Warna hijau adalah kode warna teks dan merah di atas kode warna background. Simpan Template jika sudah selesai.

Untuk menerapkan huruf besar di awal teks ini, setiap posting kamu harus pilih menulis lewat Edit HTML bukan Compose, ini hanya untuk di awal saja. 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">B</span>