Cara Membuat Blockquote Blogger Keren Dengan CSS

CSS

Abdul Muttaqin

February 06, 2019

0

CSS

Assallamuallaikum sobat coders

Kali ini kita akan membahas bagaimana sih cara membuat blockquote keren untuk blogger atau website hanya dengan css? 

Sebelum itu,  Apasih blockquote itu? 

istilah Blockquote adalah milik umum dalam dunia bahasa. Yaitu sebuah penekanan. Sebuah kata kunci yang menjadi sorotan penting dari sebuah pembicaraan. Tapi sejak abad Internet, Blockquote akhirnya menciut seolah istilah itu adalah milik dunia web dan blog. Khususnya dalam dunia blogging. Tapi sudahlah. Mau datang dari mana dan milik siapa yang jelas sebagai seorang Blogger sebaiknya anda tahu apa itu Blockquote.

Nah untuk membuatnya agar lebih keren

Agan tinggal pasangkan css ini di atas tag </ style >

blockquote {
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKhjOAo6oZ9H0lopeqp8k3O90s4VxRdE7StSnofpkuE65ov9Aun3nonz5tWrjGzBx0h0MGFzlc__MMmaZb-zbworStGraDiBhktFtWpB1Ao2YH3h1KRHgGv_0cv6AXC5VaoZCiWGIv9MI/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0px 50px 0px 50px;
padding: 30px 30px 30px 50px;
color: #C7CACF;
font: normal 1.105em Helvetica, verdana, serif, Georgia, “Times New Roman”;
.post blockquote p {
margin: 0;
padding-top: 10px;
}