Mendesign Blockquote Simple dan Keren

Blockquote digunakan untuk memberikan jarak dengan layar. Jika menulis banyak kaliimat yang terdiri dari beberapa paragraph biasanya huruf yang digunakan sampai menyentuh layar samping, nah Blockquote disini berguna untuk membatasinya supaya tulisan kelihatan lebih rapi, jadi cocok banget buat yang suka nulis nulis. Blockqoute pun bisa di desain sesuka hati ,nah pada kesempatan kali ini saya akan memberikan Style Blockqoute yang  Simple dan Keren pastinya kwkwk ...yo langsung saja.

Buka blogger > Template > Klik Edit HTML > Letakkan kode css dibawah ini sebelum ]]></b:skin> atau </style>

CSSblockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

Save !
DEMO

See the Pen DEMO BLOCKQOUTE KEREN by ronggothelast (@ronggothelast2) on CodePen.