Membuat huruf besar (Drop Cap) di awal postingan Blog


 Drop caps adalah huruf besar yang ukurangnya mungin 10 kali lipat huruf biasa yang diletakkan di awal artikel. Nah kalau teman-teman semua tertarik untuk membuat nya, saya akan kasih tau tutorialnya. Sebenarnya membuat drop caps ini sangatlah mudah, tapi untuk lebih jelasnya silahkan ikuti langkah-langkah di bawah ini :

1.   Login ke blogger
2.   Langsung ke Tata Letak (sekarang design/rancangan)  - Edit HTML
3.   Cari kode berikut ]]></b:skin>
4.   Masukkan kode di bawah ini, di atas ]]></b:skin>
/* kode untuk huruf awal
------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
5.   Klik Save Template / Simpan
Untuk menerapkan drop cap ini, setiap posting anda harus lewat Edit HTML, bukan lewat edit HTML di template anda. Ketikkan kode ini dulu <span class="awal">huruf awal</span> Kata huruf awal, ganti dengan huruf pertamamu yang akan kamu posting.

Postingan terkait:

4 Tanggapan untuk "Membuat huruf besar (Drop Cap) di awal postingan Blog"

  1. menarik sob, bagus juga hasilnya. langkahnya pun juga gak sulit.
    makasih ya :)

    ReplyDelete
  2. ijin simpan dulu, mungkin suatu saat membutuhkan

    ReplyDelete