Mengapa blockquote harus dipercantik? Apa tidak cukup dengan tampilan text yang agak masuk ke dalam paragraph?
Untuk anda yang ingin berkreasi, sebenarnya tampilan blockquote bisa dieksplorasi dengan bantuan CSS.
Misalnya, diberi background warna atau gambar, diubah bentuk font serta warnanya atau diberi border – sehingga bisa tampil lebih cantik, manis ataupun macho – terserah yang anda suka.
Dalam tulisan ini, kita akan mencoba untuk mempercantik tampilan blockquote – dengan memberi background gambar sehingga akan memiliki tampilan seperti di bawah ini:
Agar bisa mendapatkan tampilan seperti diatas caranya sangat mudah, kita tinggal edit sedikit file style.css dari themes yang kita gunakan.Masuk ke /wp-content/themes/[themes yang kita gunakan]/ cari file style.css kemudian edit pada baguan blackquote {} lalu sisipkan kode dibawah ini :
blockquote {
background-position:-10px -7px;
border: 1px dashed #FFC600;
margin: 20px 10;
padding: 0 20px 0 50px;
background: url(“QuoteImage.URL“) 5% no-repeat #FFF8DD;
}
klik kanan gambar disamping ini kemudian save image as di komputer lokal anda, kemudian upload di wordpress anda lalu masukkan urlnya di bagian “QuoteImage.URL” e.g http://bambang.priambodo.com/wp-content/uploads/quote.gif
Sekarang test hasil kerja anda, edit salah satu postingan anda dan coba kasih blockquote..
Selamat mencoba…. 
Recent Comments