Selamat datang di Blog Haekal Fikri

Cara membuat Drop Cap/Huruf Besar pada Postingan Blog

Written By Haekal Fikri On Thursday, January 31, 20130 comments

Cara membuat Drop Cap/Huruf Besar pada Postingan Blog
InfoDari - Cara membuat Drop Cap pada Postingan Blog.
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 Gambar disanping ini:



Nah Bagaimanakah cara membuat Drop Caps tersebut pada Postingan Blog kita??

Silahkan ikuti Tutor dibawah ini:



  • Login ke Blogger : Dasbor  anda!
  • Masuk ke Rancangan -> Edit HTML
  • Paste kan Kode dibawah ini tepat 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
Pada saat membuat Postingan, jangan lupa 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 akan menjadi seperti ini:


PASANG IKLAN
Share this article :

Hal-Hal Yang Yang Perlu Di Ketahui Sebelum Berkomentar!

1. Jangan Menggunakan Link Hidup Kecuali Penting
2..Komentar Yang Relevan Akan Saya Balas
3.Untuk Menggunakan Emoticon Klik Emoticon Terlebih Dahulu Untuk Mendapatkan Kode

Note:Komentar Anda Terlebih Dahulu Di Moderasi Untuk Tidak Terjadi Pelanggaran !
 
About | Ads | Sitemap | Privacy Policy | Term Of Service | Forum | Follow ! | Back to top
Copyright © 2018 HF Blog - Some Right Reserved | Design by Haekal Fikri | Created by Maskolis | Aa Sholah
Terima Kasih Atas Kunjungannya
Cara membuat Drop Cap/Huruf Besar pada Postingan BlogOops ! | Error 404