Menambahkan Huruf Besar di Awal Postingan ( Drop Cap )

Kembali saya angkat tutorial lama untuk menambah pembendaharaan pengetahuan kita mengenai modifikasi tampilan artikel dalam sebuah blog, jika mungkin anda bertanya seperti apa bentuk huruf besar di awal postingan, berikut saya berikan contoh sebuah paragraf dengan menggunakan huruf besar di awal paragraf tersebut.


jika mungkin anda bertanya seperti apa bentuk huruf besar di awal postingan, inilah contoh sebuah paragraf dengan menggunakan huruf besar di awal paragraf tersebut

Membuat huruf besar di awal postingan

Cara membuatnya sebenarnya mudah saja, dan dapat anda modifikasi sendiri hasilnya agar lebih sesuai dengan tema template maupun tulisan anda. Anda hanya perlu menambahkan kode berikut di atas tag ]]></b:skin> pada template anda.

.hurufbesar {
float:left;
font-family:Georgia, serif;
color:#000;
font-size:4em;
line-height:1;
margin-right:1px;
margin-top:-15px;
}

Silahkan anda rubah sendiri kode warna yang saya beri warna hijau di atas agar lebih sesuai dengan selera anda, atau anda pun dapat melakukan modifikasi pada font-size atau lainnya agar tampak lebih sesuai dengan tampilan artikel anda.

Cara Membuat Drop Cap

Pada saat menulis sebuah post - pada mode HTML - tambahkan kode berikut pada huruf yang akan anda besarkan, <span class="hurufbesar">huruf awal</span> .

Contohnya <span class="hurufbesar">S</span>eperti ini, dan hasilnya :

Seperti ini
 



Selamat berkreasi dengan tampilan artikel blog anda, dan selamat menambahkan huruf besar di awal posting.

Artikel Menambahkan Huruf Besar di Awal Postingan ( Drop Cap ) ini 100% bukan hasil copy paste
Dibaca oleh12606 pembaca dari 12727 pengunjung.
Ditulis Oleh Unknown
Semua artikel terproteksi DMCA.
Hanya script dan kode tutorial yang boleh di copy paste, dengan menyertakan sumbernya.
Artikel The Art of SEO lainnya bisa anda temukan pada menu related post berikut ;