Kalau teman semua pengen membuat drop cap / huruf besar ini di blog, caranya tidak terlalu rumit kok, kita hanya sekedar menambahkan kode css di dalam template blog dan kode span class yang diletakkan di dalam postingan supaya drop cap nantinya bisa muncul di blog kita. Lebih jelasnya ini dia tutorialnya
Cara membuat Drop Cap / Huruf Besar di Posting Blogger
Masuk di Dasbor Blogger.com dan kemudian pilih opsi Template
Menuju dihalaman berikutnya, pilih tombol Edit HTML
Selanjutnya ada peringatan semacam ini, langsung deh klik Lanjutkan
sebelum melakukan edit template blogspot, jangan lupa centang kotak Expand Template Widget, baru kemudian teman semua bisa menaruh script Drop Cap
Ini dia script CSS Drop Cap-nya, pasang di atas ]]></b:skin>
.drop_cap {
float:left;
color:#003399;
line-height:60px;
padding-right:5px;
font-family:trebuchet ms,verdana;
font-size:60px;
background-color:#e69138;
}
Kemudian klik tombol Simpan Template dan Tutup
<span class="drop_cap">D</span>
Sebagai contoh seperti berikut :
<span class="drop_cap">D</span>rop Cap adalah sebuah text yang mempunyai ukuran lebih besar dari pada huruf lainnya, dan biasanya digunakan untuk memulai sebuah paragraf. Pada postingan ini kita akan membahas tutorial cara menampilkan huruf besar / drop cap dengan menggunakan CSS sederhana.
Hasilnya nanti seperti ini :
Drop Cap adalah sebuah text yang mempunyai ukuran lebih besar dari pada huruf lainnya, dan biasanya digunakan untuk memulai sebuah paragraf. Pada postingan ini kita akan membahas tutorial cara menampilkan huruf besar / drop cap dengan menggunakan CSS sederhana.
Moga - moga mudah dimengerti ni soalnya tutorial yang saya buat agak amburadul teman..
Semoga proses membuat drop cap berjalan lancar...
Posting Komentar