Di masa lalu, kami telah menunjukkan kepada Anda bagaimana gaya komentar di blogger , cara menambahkan kode CSS di Blogger dan cara menambahkan efek hover CSS pada gambar di Blogger . Namun, baru-baru ini salah satu pengguna kami bertanya kepada kami tentang bagaimana membuat huruf pertama dari sebuah posting lebih besar di Blogger. Kadang-kadang Anda membaca buku cerita atau koran dan huruf pertama dari paragraf pertama sangat besar, semuanya ini dikenal sebagai drop caps. Hari ini di artikel ini, kami akan menunjukkan kepada Anda bagaimana membuat huruf pertama dari sebuah posting besar di Blogger.
Drop Caps juga dapat ditambahkan ke blog atau situs web menggunakan teknik CSS sederhana yang membuat tugas menjadi sangat mudah dan mudah untuk dipahami semua orang.
Setelah Anda memiliki kelas div Anda, kemudian pergi ke Blogger >> Templat >> Edit HTML >> cari ]]> tag </ b: skin> dan tepat di atasnya tempel kode berikut.
Namun, pastikan Anda mengubah bagian "pasca-luar" di bawah ini jika templat Anda memiliki nama kelas yang berbeda. Anda juga dapat mengkustomisasi kode CSS agar terlihat sesuai dengan desain template Anda atau bahkan lebih baik.
Dan berikut hasilnya:
Kami berharap tutorial ini dapat membantu Anda mempelajari cara membuat huruf pertama dari sebuah posting besar di blogger, dan membuat Anda terbiasa dengan drop caps. Bagikan pemikiran Anda dalam komentar di bawah ini atau Anda dapat membagikannya dengan teman-teman Anda di Facebook , Google+ , dan Twitter
Apa itu Drop Caps (Huruf Besar Pertama)?
Drop caps adalah semacam teknik gaya yang paling mungkin digunakan dalam buku cerita, surat kabar dan majalah yang menampilkan paragraf panjang. Itu membuat ukuran font huruf pertama paragraf besar dibandingkan dengan huruf yang tersisa.Drop Caps juga dapat ditambahkan ke blog atau situs web menggunakan teknik CSS sederhana yang membuat tugas menjadi sangat mudah dan mudah untuk dipahami semua orang.
Cara Membuat Huruf Pertama dari Posting Lebih Besar di Blogger:
Namun, Anda perlu tahu nama kelas div atau id konten utama Anda. Anda dapat menemukannya dengan melihat ke file templat Anda atau melalui fitur elemen Inspect di browser Anda.
Namun, pastikan Anda mengubah bagian "pasca-luar" di bawah ini jika templat Anda memiliki nama kelas yang berbeda. Anda juga dapat mengkustomisasi kode CSS agar terlihat sesuai dengan desain template Anda atau bahkan lebih baik.
Dan berikut hasilnya:

Tidak ada komentar: