Membuat dan Modifikasi Dropcap Pada Postingan Blog

Share

Membuat dan Modifikasi Dropcap Pada Postingan Blog


CARA 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  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
S
amaple 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.

Oleh : http://dwexxuty.blogspot.com/2011/03/membuat-dan-modifikasi-dropcap-pada.html

Sumber : http://www.z33s.co.cc/2010/11/membuat-dan-modifikasi-dropscap-pada.html

Popular Posts