 |
| 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 {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.
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";
}
Terimakasih atas komentar Anda.
Budayakan Bertanya dan Berkomentar dengan Sopan.
Tolong tinggalkan komentar jika Anda menemukan Link yang Broken.
EmoticonEmoticon