Membuat dan Modifikasi Dropcap Pada Postingan Blog

Bismillah... MEMBUAT DAN MODIFIKASI DROPCAP PADA POSTINGAN BLOG, Judul inilah yang akan coba saya jelaskan pada trik blogging kali ini. Sebenarnya Fitur Dropcap ini sudah ada pada Template saya z33s Magazine v.1, nah disini saya akan menerangkan cara pemakaiannya.

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.

Contoh Paragraphnya seperti dibawah ini :

Sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple



Sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple sample samaple.

Semoga bermanfaat dan terima kasih.

Silahkan kirimkan Donasi anda seikhlasnya berupa uang/pulsa (Klik Gambar kado disamping) untuk perkembangan blog ini dan Proses pembelajaran untuk sahabat.

Penulis :  Azis Lamayuda | BLOG : Do The Best To Get The Best
Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya.