Membuat Drop Cap (Huruf Besar) Pada Awal Postingan

October 27, 2014
Hello ketemu lagi dengan saya :D
Tadi saya nulis tentang Cara Membuat Widget Related Post, dan kali ini saya akan kasih tau cara membuat Drop Cap (Huruf Besar) pada awalan artikel ataupun halaman, saya mendapatkan kode ini dari maskolis. Apa itu Drop Cap? Drop Caps adalah huruf besar yang ukurangnya mungin 10 kali lipat huruf biasa yang diletakkan di awal artikel. Sebenarnya membuat Drop Caps itu mudah qok, ini dia caranya :

1.Masuk ke Akun Blogger anda.
2.Pada Dashboard pilih Template » Edit HTML
3.Lalu letakan kode di bawah ini untuk style (css) di sebelum ]]></b:skin> 


/* kode untuk huruf awal----------------------------------------------- */
.awal {float:left;color: #000000;background:#fff
fheight:80px;padding-top:1px;padding-right:5px;
ily: Arial, Helvetica, sans-serif
;">font-family:times;font-size:100px;

4.Kemudian klik Simpan Tamplate 

Untuk mener
apkan Drop Caps pada awal artikel, setiap posting anda harus lewat Ed
it HTML, bukan lewat edit HTML di template anda.
Ketika mau m

l anda harus 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">L</span>.

Contoh Gambar Drop Caps

Sumber : Maskolis

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

No comments

Mohon berkomentar yang relavan dan tidak menaruh link hidup yah ^_^