Membuat Huruf Besar Drop Cop Pada Postingan

Membuat Huruf berefek drop cop, yaitu Satu huruf akan membesar dan di ikuti teks kecil di sebelahnya. seperti pada koran-koran atau majalah. Untuk melihat contohnya sobat dapat lihat gampar gambar disamping. Ini juga dapat mejadikan tampilan blog kita semakin cantik. Selai itu sobat dapat merubah sesuia dengan selera sobat. Ya udah, sepertinya sobat tidak sabar ingin mencobanya....

Ini step-step pembuatanya :

1. Login ke akun blog sobat.
2. Pilih Rancangan, Edit Html.
3. Cari kode ]]></b:skin>.
4. Letakan script berikut diatas kode no.3
   

   
   
   .dropcop {
   float:left;
   color: #000000;
   background:#ffffff;
   line-height:80px;
   padding-top:1px;
   padding-right:5px;
   font-family:times;
   font-size:100px;
   
   

5. Setelah ituk klik save untuk menyimpan.

Tadi sobat sudah memasang syntax untuk pemasangan dropcop, sekarang cara menggunakanya.
Silahkan sobat buat postingan baru dan ketikan :
<span class="dropcop">Huruf pertama</span>Teks selanjutnya
Contoh :
<span class="dropcop">S</span>elamat datang di situs sy@ms, situs ini memberikan artikel-artikel yang mungkin sobat cari. Silahkan sobat menggolek-golek tapi jangan lupa comment atau isi buku tamu. Selamat datang di situs sy@ms, situs ini memberikan artikel-artikel yang mungkin sobat cari.

Maka hasilnya akan seperti pada gambar diatas.
Ok, teruslah berkereasi, dan tetap bersemangat....

---

Source : http://www.maskolis.co.cc/2011/03/membuat-huruf-besar-drop-cap-pada-awal.html

Judul : Membuat Huruf Besar Drop Cop Pada Postingan
Rating : 4.5
Ditulis Oleh : sy@ms

Jika mengutip harap berikan link yang menuju ke artikel Membuat Huruf Besar Drop Cop Pada Postingan ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya