Hai sobat, kali ini blognya herry pengen kasih tau ni. Cara Membuat Drop Caps. Cara ini sangat bagus untuk mempercantik blog kita. Tapi sebelumnya udah tau belum apa itu Drop Caps. Drop Caps itu Hurup awal pada postingan yang berbentuk besar. contohnya bisa dilihat dengan mengklik tombol di bawah ini.
Gimana Keren kan kayak tulisan pada majalah - majalah gitu dech..he..he..
nah Bagi yang kepengen, langsung aja yuk ke cara bikin nya. Caranya begini :
1. Log in ke akun Weebly sobat
2. pilih Tab Theme
3. Pilih Edit HTML/ CSS
4. letakkan kode berikut pada posis paling bawah :
nah Bagi yang kepengen, langsung aja yuk ke cara bikin nya. Caranya begini :
1. Log in ke akun Weebly sobat
2. pilih Tab Theme
3. Pilih Edit HTML/ CSS
4. letakkan kode berikut pada posis paling bawah :
/* kode untuk hurup awal
----------------------------------------------- */
.awal {
float:left;
color: green;
background:transparant;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:georgia;
font-size:100px;
}
----------------------------------------------- */
.awal {
float:left;
color: green;
background:transparant;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:georgia;
font-size:100px;
}
5. Klik save
Selesai dech..., Gimana sobat mudah kan...selamat mencoba semoga sukses yaaa....
Selesai dech..., Gimana sobat mudah kan...selamat mencoba semoga sukses yaaa....
Catatan :
1. Setiap mau memposting jangan lupa drag dan seret Embed Code lalu letak kan kode berikut di awal postingan sobat :
1. Setiap mau memposting jangan lupa drag dan seret Embed Code lalu letak kan kode berikut di awal postingan sobat :
<span class="awal"> Huruf Awal </span> isi artikel
Contoh :
<span class="awal"> A </span> pa itu global warming, Global warming atau bahasa indonesianya pemanasan global ...... dts
2. Silahkan ubah kode CSS Nomor 4 sesuai keinginan
color: #2D8930; = Untuk Warna Huruf
background:#ffffff; = Untuk Warna Latar Belakang
line-height:20px; = Untuk mengatur tinggi Huruf
font-family:Georgia; = Untuk Jenis Huruf
font-size:75px; = Untuk Ukuran Huruf
background:#ffffff; = Untuk Warna Latar Belakang
line-height:20px; = Untuk mengatur tinggi Huruf
font-family:Georgia; = Untuk Jenis Huruf
font-size:75px; = Untuk Ukuran Huruf