Tutorial Memasang Drop Cap

Drop Cap atau huruf awal yang memilki size lebih besar dari huruf lainnya, merupakan salah satu gaya tulisan yang sering digunakan oleh koran atau majalah Drop cap tersebut biasanya diletakkan di setiap awal kalimat atau frase kata sebuah content blog. Selain kelihatan lebih menarik, drop cap ini juga mampu menyajikan tampilan atraktif yang dijamin dapat memuaskan pengunjung blog Anda. Tertarik untuk menggunakannya?. Berikut tutorial drop cap yang dapat Anda ikuti.

Untuk memulainya, silahkan login terlebih dahulu ke account blog anda, dan masuk ke halaman Edit HTML. Setelah itu, silahkan masukkan kode di bawah ini tepat di atas kode : ]]></b:skin>

/* Drop Cap
----------------------------------------------- */
.dropcap { float:left; color: #000000; line-height:80px; padding-top:1px;
padding-right:5px; font-family:times; font-size:100px; }

Setelah memasang kode CSS-nya, tinggal mengujinya ke dalam postingan atau content Anda. Adapun cara menggunakannya sangat mudah. Masukkan kode di bawah ini diantara huruf yang Anda inginkan untuk diperbesar, pada saat melakukan entri baru.

<span class="dropcap"> letakkan huruf yang akan diperbesar disini </span>

Selesai. Mudah bukan?. Silahkan menuju ke TKP dan selamat mencoba. Keep blogging....