Membuat dan Modifikasi Dropcap Pada Postingan Blog

Membuat dan Modifikasi Dropcap Pada Postingan Blog

MEMBUAT DAN MODIFIKASI DROPCAP PADA POSTINGAN BLOG, Judul inilah yang akan coba saya jelaskan pada trik blogging kali ini.

Sebelum ketahap penjelasan, saya akan menjabarkan terlebih dahulu apa itu Dropcap. Secara singkat Dropcap adalah Tampilan huruf yang berbeda dari huruf yang lainnya. Mungkin bagi yang suka dengan si pengolah kata Ms. Word akan tahu apa itu Dropcap dan tampilnnya.

Untuk Membuatnya kalian ikuti tahap nya dibawah ini :

1. Login Ke blogger Kalian

2. Pilih Rancangan --> EDIT HTML

3. Simpan CSS berikut diatas kode ]]></b:skin>

.dropcap1{

display:block;

float:left;

font-size:60px;

line-height:60px;

margin:0 20px 0 0

}

.dropcap2{

display:block;

float:left;

font-size:50px;

line-height:50px;

margin:0 15px 0 0;

background:#9C0;

color:#000;

padding:6px 25px 10px 25px

}

Keterangan :

Kode CSS dropcap saya buat dua, karena disini saya akan menjelaskan cara membuat dan modifikasi tampilannya.

4. Sekarang SiMPAN template kalian

Untuk pemanggilan supaya bisa terpajang di postingan kalian ikuti tahap-tahap berikut:

1. pilih ENTRI BARU (untuk membuat postingan baru)

2. Jangan Lupa Posisi di EDIT HTML bukan TULIS

3. Sekarang gunakan kode berikut untuk menuliskan paragraph yang menggunakan dropcap.

<span class="dropcap1">HURUF KALIAN</span>

Atau

<span class="dropcap2">HURUF KALIAN</span>

INGAT...!!!

Gunakan kode diatas setiap kali kalian ingin membuat postingan yang paragraphnya menggunakan fitur dropcap.

semoga bermanfaat...