Membuat Drop Cap dan Blockquote Instant

Biasanya kalau mau bikin drop cap dan blockquote (blockquote yang bukan standar blogger) harus mengotak-atik kode template.Dan style yang yang digunakan bersifat universal.Maksudnya itu kalau dipakai di setiap postingan style nya sama semua.Maunya sih ada perbedaan di setiap postingan.Nah,saya akan kasih trik memasang drop cap dan blockquote tanpa harus mengubah kode template dan sifatnya individual.
Artinya dapat dibuat perbedaan antara drop cap yang satu dengan yang lain.Begitu juga dengan blockquote.Dan di setiap postingan style nya dapat diganti langsung di posting editor/tempat nulis posting.Tapi ada kekurangannya.Agak repot mengurusnya.Nah,langsung mulai aja.

Drop Cap Instant

Masukkan kode ini ke postingan.

<span style="background-color:white;  color: white; float: left; font-family: Arial; font-size: 70px; line-height: 60px;">B</span>la,bla,bla

Keterangan kode:

background-color:white;=warna background (dihapus kalau mau backgroundnya transparan)
color: white;=warna huruf
float: left;=letak huruf
font-family: Arial;=jenis huruf/font
font-size: 70px;=Ukuran huruf
line-height: 60px;=tinggi baris (kalau huruf biasa ukurannya 10,nanti barisnya ada 6)
B=huruf yang di drop cap

Blockquote Instant


Masukkan kode ini ke postingan

<div style="background: #191970; border: 2px dotted #006400; padding: 10px 10px 10px 10px; text-align: justify;">AHaaaa</div>

Keterangan kode:

background: #191970;=warna background
border: 2px dotted #006400;=garis tepi (2px=ukuran garis,dotted=jenis garis,#006400=warna garis)
padding: 10px 10px 10px 10px;=jarak teks dengan sisi kotak berurutan dari atas,kanan,bawah,kiri
text-align: justify;=perataan teks
AHaaaa=teks


Catatan:
Kode-kode di atas di dapat dari eksperimen dan ilmu dari buku-buku tentang nge-blog.