Cari Artikel

Selamat datang! di blog The Kampoeng Blogger , silahkan tinggalkan pesan di kolom komentar bila terdapat kode yang error.

March 10, 2013

Membuat Dropcap (Huruf Besar) Pada Postingan Artikel di Blog

Setelah sempat absen beberapa hari, alhamdulillah akhirnya hari ini bisa posting lagi. Nah, pada kesempatan kali ini, saya akan mencoba membahas tentang bagaimana cara membuat dropcap (huruf besar) pada postingan artikel di blog.

Apakah anda tahu apa itu dropcap? Bila anda sering mengoperasikan microsoft word saat mengetik tugas-tugas anda, mungkin anda akan mempunya sedikit bayangan tentang dropcap ini. Dropcap adalah huruf besar yang biasanya terdapat pada awal kata di dalam sebuah artikel. Biasanya dropcap dipakai untuk memulai sebuah artikel baru dalam sebuah tulisan. Bila anda masih belum mengerti apa itu dropcap, silahkan anda lihat gambar di bawah ini.

membuat dropcap (huruf besar) pada postingan artikel di blog

Membuat Dropcap (huruf besar) Pada Postingan Artikel di Blog

Sebelum anda melakukan perubahan pada halaman HTML Template anda, sebaiknya anda mem-backup template anda terlebih dahulu.

Step 1

Masuk ke halaman dashboard > Template > HTML > Expand widget template

Step 2

Letakkan kode berikut tepat di atas kode  ]]></b:skin>
/* Kode Dropcap by thekampoengblogger.blogspot.com
----------------------------------------------- */
.dropcap {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:Arial;
font-size:150px;
Catatan !
Untuk memodifikasi dropcap anda, silahkan anda mengubah settingan berikut sesuai dengan keinginan anda.
  • Ganti kode warna #000000 untuk mengganti warna huruf (untuk mencari kode warna yang diinginkan lihat di halaman kode warna)
  • Ganti kode warna #ffffff untuk mengganti background huruf
  • Ganti huruf Arial dengan mengetikkan nama huruf yang anda inginkan (baca bagaimana menambah huruf di blog)

Step 3

Klik Save Template

Step 4

Saat anda akan memulai sebuah tulisan, masukkan kode berikut ke halaman HTML (di samping compose).
<span class="dropcap">huruf awal</span>
Ganti huruf awal dengan huruf awal tulisan anda.
Contohnya : <span class="dropcap">A</span>

Selesai!
Semoga bermanfaat.
Wassalam.

Written by: Rysmah Zainal Arifin
The Kampoeng Blogger, Updated at: 12:30 PM

0 comments :

Tinggalkan Komentar Anda di Sini:

Komentar yang mengganggu, berbau SARA, porno, mengandung iklan dan mencantumkan link aktif akan segera kami hapus.
Terimakasih atas perhatiannya.