Jumat, 23 Maret 2012

Kustomasi Blockquote


dwijayasblog.blogspot.com-Kustomasi-Blockquote

Artikel ini membahas tentang Kustomasi Blockquote agar memberikan tampilan yang berbeda. Selamat membaca.

Blockquote atau tanda kutip adalah salah satu elemen yang biasa digunakan untuk membatasi atau menandai kalimat yang panjang.

Anda bisa mengkustomasi blockquote dengan menambah kode script CSS di bawah ini sebelum kode script ]]></b:skin>, berikut kode script CSS:

blockquote.style1{font:14px/20px italic Times,serif;padding:8px;background-color:#faebbc;border-top:1px solid #e1cc89;border-bottom: 1px solid #e1cc89;margin:5px;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVf2bK1AUdflZMQSc2abJ4P98YFMTKtqcXohs3MG3vxC8j0GQY6fG1Tif9wOiKcQrmwlWOU4I3xcAuqZ57qziSKcd-vBfow8Dh1hHQdC-u1BakxJU42WZ8fVEz_RRSvIXVj7TDXAuSYM/s1600/dwijayasblog.blogspot.com-openquote1.gif);background-position:top left;background-repeat:no-repeat;text-indent:23px;}
blockquote.style1 span{display:block;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuzcBFALXPVwUqqJHRZIKsNTE97bmXk_BkzPI3XqVsJIkOA4KrPXtAI30bumRZ6k6w2ZEDmBV5g3U8ccf10DijMT6FcOMH_AvRVCVlzjdaapjh40Uh2nsOdxSzulOKsfGJTnrGqi4rSWo/s1600/dwijayasblog.blogspot.com-closequote1.gif);background-repeat:no-repeat;background-position:bottom right;}

Jika Anda menggunakan blockquote gunakan kode script <blockquote class="style1"><span> untuk pembuka dan </span></blockquote> sebagai penutup.

Contoh:

<blockquote class="style1"><span>blockquote.style1{font:14px/20px italic Times,serif;padding:8px;background-color:#faebbc;border-top:1px solid #e1cc89;border-bottom: 1px solid #e1cc89;margin:5px;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVf2bK1AUdflZMQSc2abJ4P98YFMTKtqcXohs3MG3vxC8j0GQY6fG1Tif9wOiKcQrmwlWOU4I3xcAuqZ57qziSKcd-vBfow8Dh1hHQdC-u1BakxJU42WZ8fVEz_RRSvIXVj7TDXAuSYM/s1600/dwijayasblog.blogspot.com-openquote1.gif);background-position:top left;background-repeat:no-repeat;text-indent:23px;}
blockquote.style1 span{display:block;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuzcBFALXPVwUqqJHRZIKsNTE97bmXk_BkzPI3XqVsJIkOA4KrPXtAI30bumRZ6k6w2ZEDmBV5g3U8ccf10DijMT6FcOMH_AvRVCVlzjdaapjh40Uh2nsOdxSzulOKsfGJTnrGqi4rSWo/s1600/dwijayasblog.blogspot.com-closequote1.gif);background-repeat:no-repeat;background-position:bottom right;}</span></blockquote>

Demikian pembahasan mengenai Kustomasi Blockquote agar memberikan tampilan yang berbeda. Selamat mencoba dan semoga berhasil. Dwijayasblog
Back To Top