Membuat Drop Cap di Posting Blog Dunia

Kita lanjut soal kemaren, yaitu Membuat Posting yang menarik, seperti nulis di Microsoft Office Word.
di Ms Word terdapat fasilitas yang bisa digunakan untuk membuat hurufbesar di awal kalimat, yaitu Drop Cap. dan fasilitas ini bisa kita gunakan di postingan blog kita,, seperti posting saya yang satu ini, lebih style dan menarik tentunya,, 'He, Narsis dot com'. Gimana caranya di blog kan gak ada fasilitas drop cap,,? benar sekali, tapi kita bisa mengakalinya dengan memberikan sedikit pupuk di kotak HTML blog kita. tapi bukan pupuk kandang loh,, melainkan style CSS.
berikut langkh-langkahnya:

1. Masuk ke menu Layout lalu klik Edit HTML

2. Cari script CSS di bawah ini.

.post {
margin:0 0 2em;
}


3. Lalu masukan kode berikut ini dibawahnya:

.dropcaps {
float:left;
color:#000000;
font-size:100px;
line-heght:80px;
padding-top:1px;
padding-right:5px;

4. kemudian klik SAVE TEMPLATE.

5. Jika anda hendak memasangkan pada postingan, maka di awal kata anda harus mengetikan sript seperti read more hanya saja ini namanya dorp cap, seperti di bawah ini.

<span class="dropcaps"> </span>

contohnya:

<span class="dropcaps"> K </span> ita lanjut soal

5 Terbitkan, dan lihat hasilnya.

untuk nambah ilmu lagi baca juga membuat postingan multimedia
setelah baca ini silahkan anda Follow blog ini, karena saya akan update tip hari untuk anda.
salam dunia blogger