Cara Membuat Hurup Pertama Artikel Dengan Huruf Besar.Memberi tampilan huruf dengan ukuran lebih besar pada awal artikel memang tampak lebih menarik, seperti pada artikel ini. Tehnik ini biasa disebut dengan Drop cap, dan cara membuatnya sebenarnya sama dengan memberikan gambar pada artikel, yaitu menggunakan fitur CSS Float. Intinya dengan
Css Float, kita bisa menampilkan gambar ataupun Drop cap sesuka
selera kita, baik disebelah kiri ataupun kanan.
Nah.... bila anda berminat silahkan anda ikuti langkah - langkah berikut :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Cari kode di bawah ini atau yang mirip dengan kode ini :
5. Copy kode di bawah ini dan taruh sebelum kode </head> :
Catatan : Anda bisa ganti jenis huruf sesuai selera anda, silahkan anda bisa lihat macam - macam jenis Font pada artikel Cara Membuat variasi Font pada Teks
6. Simpan Template.
Langkah selanjutnya anda tinggal menambah sedikit kode HTML pada saat menulis artikel.
Sebagai contoh, saya buat satu paragrap teks sebagai berikut :
" Dengan
CSS float, sebuah elemen dapat kita letakkan disebelah kiri ataupun
kanan, yang memungkinkan unsur-unsur lain berada di sekitarnya. Float
sangat sering digunakan untuk gambar, tetapi juga berguna ketika
berurusan dengan layout, termasuk membuat dropcap seperti pada artikel
ini . "
Kemudian pada bagian Edit HTML, sisipkan kode <hufufbesar>HURUF PERTAMA</hufufbesar>, sehingga tampak seperti dibawah ini :
Berikut hasilnya :
Anda juga bisa memberi efek shadow pada huruf tersebut :
Tambahkan kode warna biru berikut pada kode CSS tadi, sehingga menjadi :
Berikut hasilnya :
Anda juga bisa menambahkan border pada huruf tersebut :
Tambahkan kode warna Ping berikut pada kode CSS tadi, sehingga menjadi :
Berikut hasilnya :
Anda juga bisa memberi efek box shadow pada border tersebut :
Tambahkan kode warna Merah berikut pada kode CSS tadi, sehingga menjadi :
Berikut hasilnya :
Selamat mencoba ya...Semoga bermanfaat....Source carabuatwebgratis.com
Admin tidak bertanggung jawab atas semua isi komentar ,Mohon dipahami semua isi komentar dengan bijak
Admin tidak bertanggung jawab atas semua isi komentar ,Mohon dipahami semua isi komentar dengan bijak