Membuat Drop Cap Huruf Besar pada Awal Postingan


Drop cap adalah sebuah huruf besar pada awal kita menulis. drop cap juga sering kita temui di media virtual seperti situs-situs besar yang menyiarkan seputar berita atau pada koran harian, majalah dan buku-buku pelajaran sekolah. pada komponen blog sendiri, tidak menyediakan fasilitas seperti drop cap dan kita harus menambahkan sedikit css di dalam template blog milik kita.

Membuat Dro Cap pada Awal Huruf Postingan

Bisa anda perhatikan contoh drop cap pada huruf awal c tersebut, yang mana huruf c sudah saya sulap memakai tambahan css drop cap.

Sebenarnya membuat drop cap pada saat menulis artikel di blog ini tidak begitu sesulit yang anda bayangkan jika anda sudah sering melakukan oprek-oprek template blog. lalu, bagaimana jika yang ingin menerapkan nya adalah orang yang baru memulai dunia blogging? mudah saja, karena saya akan membantu anda dengan panduan gambar lengkapnya.

Cara membuat drop cap otomatis di postingan blog

Disini akan saya pandu anda step by step untuk membuat drop cap yang secara otomatis bisa anda terapkan juga disaat menulis artikel. tentu jika anda mengikuti langkah ini dengan benar, maka pembuatan drop cap (Huruf Besar awal posting) akan berjalan dengan baik.

  1. Login ke blogger.com
  2. Template » Edit HTML
  3. Cari kode ]]></b:skin> (Gunakan CTRL+F untuk memudahkan pencarian kode tersebut)
  4. Pastekan kode dibawah ini tepat diatas kode ]]></b:skin>

/* kode drop
----------------------------------------------- */
.drop {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;

Save/Simpan template anda.

Langkah menjalankan drop cap

Setelah membuat atau mengatur script drop cap di css template blog anda, maka langkah selanjutnya adalah menjalankan fungsi dari drop cap tersebut yang sudah kita setting di template. caranya adalah sebagai berikut:

Login ke blog anda » lakukan hal seperti menulis artikel pada umumnya » setelah itu, silahkan anda buka menu HTML » ketikan kode seperti dibawah ini:

Contoh Drop Cap Postingan Blogger
Klik Gambar Drop Cap Agar Jelas

<span class"drop">Huruf yang ingin anda besarkan "Drop Cap"</span>

Setelah itu publikasikan artikel anda tersebut.

Jika anda menerapkan langkah-langkah diatas dengan benar, maka drop cap anda akan berjalan sempurna tanpa cacat.

Sekian informasi yang bisa saya bagikan kepada anda tentang bagaimana cara membuat drop cap pada awal huruf postingan blog. mudah-mudahan informasi singkat ini bisa bermanfaat untuk anda. sekian dan terima kasih.





Anda Berada di Label Seputar Blogger


0 komentar:

Post a Comment

Silahkan berikan komentar anda sesuai dengan konten yang saya bahas diatas. komentar yang tidak relevan, spam, maka tidak akan saya publikasikan di blog belajar berbagi ini.

Belajar Berbagi Home