Cara Membuat Drop Cap (Huruf Besar) Pada Awal Postingan Blog

Cara Membuat Drop Cap (Huruf Besar) Pada Awal Postingan Blog - Banyak sekali tutorial yang membahas tentang adanya Drop Cap (Huruf Besar) pada awal postingan blog. Drop Cap (Huruf Besar) ini sangatlah populer di dunia blogger ini, banyak sekali para blogger yang menggunakan Huruf besar pada awal penulisan artikel mereka sobat. Untuk memasang fitur Drop Cap di blog tidaklah sulit sobat,karena hanya menambahkan sedikit saja sebuah ramuan di template sobat. Nah,sebuah ramuan tersebut adalah ramuan yang dibuat dengan menggunakan kode CSS (Cascading Style Sheet) .

Fitur Drop Cap ini pada awal postingan akan membuat tulisan atau artikel blog memiliki style koran atau majalah karena banyak koran/majalah yang menggunakan style Drop Cap ini. Jadi, Drop Cap ini adalah suatu teknik dalam memperindah tampilan blog pada umumnya dan khususnya pada tampilan postingan sobat.

Tapi, tutorial Membuat Auto Drop Cap Pada Postingan di Blog ini auto otomatis. Jadi, sobat gak perlu lagi buat heading susah payah. Karena setiap sobat menulis artikel di postingan, akan secara otomatis muncul drop cap nya atau huruf besar. Nah, cara membuat Drop Cap sebagai berikut :

Cara membuat Drop Cap di dalam artikel blog :

1. Sobat harus Sign-In terlebih dahulu ke blogger.

2. Pilih template dan pilih tombol costumize untuk menuju halaman blogger template designer.

3. Klik advanced dan klik add css

4. Copy-paste kode dibawah ini pada kolom yang tersedia :

/* 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. Lalu klik Apply to blog.

Nah, mudahkan sobat memasang tampilan Drop Cap ini? Tetapi, sobat juga harus ingat tentang satu hal ini. Tampilan Drop Cup tidak akan langsung muncul di postingan blog sobat. Untuk memunculkan Drop Cup pada awal postingan,sobat perlu menyisipkan sedikit kode saat menulis artikel sobat. Kode yang disisipkan sebagai berikut :

<span class="awal">huruf awal</span>

Ingatlah :

Kode tersebut disisipkan saat sobat menulis dalam mode Edit HTML dan bukan dalam mode Compuse ya sobat. Drop Cap tidak akan muncul jika sobat menulis dalam mode Compuse.

Tambahan :

#000000 adalah warna font dari Drop Cap dan #ffffff adalah warna background. Untuk melihat kode warna,sobat bisa mengunjungi Kode Warna