Cara membuat Drop Cap / Huruf Besar di Posting Blogger


Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger
Drop Caps / Huruf Besar diletakkan di awal paragraf awal dan biasanya terletak pada paragraf pembuka sebuah artikel entah itu di majalah, koran ataupun newsletter seperti contoh di bawah ini :
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger

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
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger

Menuju dihalaman berikutnya, pilih tombol Edit HTML
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger

Selanjutnya ada peringatan semacam ini, langsung deh klik Lanjutkan
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger

sebelum melakukan edit template blogspot, jangan lupa centang kotak Expand Template Widget, baru kemudian teman semua bisa menaruh script Drop Cap
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger

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
Cara membuat Drop Cap / Huruf Besar di Posting Blogger Cara membuat Drop Cap / Huruf Besar di Posting Blogger
Saat memposting jangan lupa teman semua mesti menambahkan sebuah kode berikut pada huruf yang akan di perbesar ukurannya
<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...


0 Responses to Cara membuat Drop Cap / Huruf Besar di Posting Blogger

Posting Komentar

 
Return to top of page Copyright © 2010 | Bloggers - Meet Millions of Bloggers