Cara Membuat Drop Cap Abjad Besar Pada Awal Postingan

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

Bisa anda perhatikan referensi drop cap pada abjad awal c tersebut, yang mana abjad c sudah saya sulap menggunakan komplemen css drop cap.

Sebenarnya menciptakan drop cap pada ketika menulis artikel di blog ini tidak begitu sesulit yang anda bayangkan jikalau anda sudah sering melaksanakan oprek-oprek template blog. lalu, bagaimana jikalau yang ingin menerapkan nya yaitu orang yang gres memulai dunia blogging? gampang saja, alasannya yaitu saya akan membantu anda dengan panduan gambar lengkapnya.

Cara menciptakan drop cap otomatis di postingan blog

Disini akan saya pandu anda step by step untuk menciptakan drop cap yang secara otomatis dapat anda terapkan juga disaat menulis artikel. tentu jikalau 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 aba-aba tersebut)
4. Pastekan aba-aba dibawah ini tepat diatas kode ]]></b:skin>

/* aba-aba 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 menciptakan atau mengatur script drop cap di css template blog anda, maka langkah selanjutnya yaitu menjalankan fungsi dari drop cap tersebut yang sudah kita setting di template. caranya yaitu sebagai berikut:

Login ke blog anda » lakukan hal menyerupai menulis artikel pada umumnya » sehabis itu, silahkan anda buka sajian HTML » ketikan aba-aba menyerupai dibawah ini:

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 tepat tanpa cacat.

Sekian informasi yang dapat saya bagikan kepada anda ihwal bagaimana cara menciptakan drop cap pada awal abjad postingan blog. mudah-mudahan informasi singkat ini dapat bermanfaat untuk anda. sekian dan terima kasih.

Tweet

Subscribe to receive free email updates: