Wednesday, April 18, 2012

Membuat Blockquote Simple Dengan CSS

Posted by dav On 4:42 PM

Membuat Blockquote Simple Dengan CSS
Membuat Blockquote Simple Dengan CSS
Membuat Blockquote Simple Dengan CSS - Blockquote dengan CSS3 ini adalah sebuah tanda dimana biasanya teks akan terlihat berbeda atau ditandai, sehingga terlihat jelas perbedaan dengan teks lainya dipostingan.

Membuat Blockquote Simple Dengan CSS, kita buat basic atau sederhana namun tetep elegan. Script nya tidak akan memberatkan blognya agan-agan sekalian.





Berikut ini silahkan di comot.
Script Embed :
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 500px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}
blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
Kamu bisa mereplacenya dengan script Blockquote yang telah ada di halaman edit HTML Blog kamu, biasanya diatas ]]></b:skin> kemudian cari saja blockquote. Jika sudah ketemu replace tapi sesuain dulu dengan scrip diatas.