Membuat dropcap (2)

Sehabis sahur dengan kondisi masih kenyang langsung membuat blogger trik :p , sesuai dengan judulnya kali ini saya akan memposting bagaimana membuar drop cap atau hurup di awal kalimat menjadi besar seperti huruf di majalah/koran, tetapi kali ini berbeda metode dengan versi sebelumnya, jika belum baca versi membuat drop cap sebelumnya silahkan klik di sini, perbedaannya terletak bagaimana cara mempostingnya. Kalau mau lihat syle drop cap seperti di bawah ini :

Versi 1 :
T


Versi 2 :
T




Mau tahu perbedaannya ?

Sebenarnya pada versi sebelumnya, ukuran drop cap nya bisa di ubah baik itu besar font,style ataupun tinggi fontnya. Tetapi cara mempostingnya saja yang berbeda. Untuk mengetahui perbedaannya silahkan masukkan kode di bawah ini sebelum tag ini ]]</b:skin> :

.post caps {
float:left;
color: #3F3F3F;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

Kalau sudah selesai save hasil pekerjaan sobat.

Sekarang tinggal mempraktekkannya, apabila ingin memakai drop cap versi 2 ini, sobat hanya tinggal masukkan kode ini di dalam Edit HTML/compose mode sebagai contoh penggunaannya:

<caps>L</caps>orem ipsum dolor sit amet, consectetuer jquery rules! elit, sed diam nonummy nibh euismod tincidunt ut laoreLorem ipsum dolor sit amet, consectetuer jquery rules! elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam et dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut jquery rules! ex ea commodo consequat

Maka hasilnya seperti di bawah ini :

Lorem ipsum dolor sit amet, consectetuer jquery rules! elit, sed diam nonummy nibh euismod tincidunt ut laoreLorem ipsum dolor sit amet, consectetuer jquery rules! elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam et dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut jquery rules! ex ea commodo consequat

Yups, perbedaan hanya bagaimana cara mempostingnya, kalau sebelumnya dengan memakai kode ini :

<span class="dropcap"> </span>

Sekarang memakai kode ini :

<caps> </caps>

Kembali ke sobat mau menggunakan metode mana, menurut saya yang simple-simple aja ya gak? Ok, sobat blogger karena sudah masuk adzan subuh saya mau sholat dulu, selamat menunaikan ibadah puasa bagi yang menjalankannya and happy blogging :D .