0 Cara membuat Blockquote Keren Di Blog

 

• Login > dashboard > design > edit HTML
  
• Backup template asal blog dengan download full template

• Cari Code Berikut

blockquote

•  Apabila Tidak Ketemu,,, Cari Code Berikut

.post blockquote {

•  Kalau sudah ketemu ganti dengan salah satu kode dibawah ini sesuai blockquote yang kamu inginkan

 

▼Code Css▼

blockquote {background: #EEE ;
width: 400px;
padding: 5px;
margin: 5px;
width: 400px;
overflow:auto;
max-height:250px;
-webkit-box-shadow:
1px 1px 0 rgba(0, 0, 0, 0.100),
3px 3px 0 rgba(255, 255, 255, 1.0),
4px 4px 0 rgba(0, 0, 0, 0.125),
6px 6px 0 rgba(255, 255, 255, 1.0),
7px 7px 0 rgba(0, 0, 0, 0.150),
9px 9px 0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0, 0, 0, 0.175);
-moz-box-shadow:
1px 1px 0 rgba(0, 0, 0, 0.100),
3px 3px 0 rgba(255, 255, 255, 1.0),
4px 4px 0 rgba(0, 0, 0, 0.125),
6px 6px 0 rgba(255, 255, 255, 1.0),
7px 7px 0 rgba(0, 0, 0, 0.150),
9px 9px 0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0, 0, 0, 0.175);
box-shadow:
1px 1px 0 rgba(0, 0, 0, 0.100),
3px 3px 0 rgba(255, 255, 255, 1.0),
4px 4px 0 rgba(0, 0, 0, 0.125),
6px 6px 0 rgba(255, 255, 255, 1.0),
7px 7px 0 rgba(0, 0, 0, 0.150),
9px 9px 0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0, 0, 0, 0.175);

}

 

▼Code Css▼

.post blockquote {
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjagdr8HLFKvgNLsuSH2-JiM89Sn6meee2YPPt35-FdOUNV3o_Rc2yLjf58wzQadb4XPKuNLRVPHNeQpP2lPR5p2yxj4hLpe2zLnhf6ffkP4bgP9TU6CwzUNO1qdGbQC9Pz3JrPSdSIjFY/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 20px 50px; color:#C7CACF;
font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";
}

.post blockquote p {
margin: 0; padding-top: 10px;
}

 

▼Code Css▼

.post blockquote {
background-position:-10px -7px;
border: 1px dashed #FFC600;
margin: 20px 10; padding: 0 20px 0 50px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAMk2z31MuiOP_FU9Iz2vUsFx0ZhyphenhyphenvQrr5CyFN9jFQHLb7jLcfwjZKaFuXXEnG3qOXiUQFFbWSfiGx9wTrq0HN6F_PU3gFOkmpby_pmMWczlNZiEIc66wvhGqcgnuCziDqs9KXoNSuIXSO/s1600/quote.png") 5% no-repeat #FFF8DD;
}

 

▼Code Css▼

blockquote{width: 90%;background:#FFF; padding:5px 15px; margin:5px; color:#555; border:1px solid #C1C1AE; line-height:150%; font-size:12px;border: 1px solid #eee;
-webkit-box-shadow: 8px 8px 16px 4px rgba(0,0,0, 0.4);
-moz-box-shadow: 8px 8px 16px 4px rgba(0,0,0, 0.4);
box-shadow: 8px 8px 16px 4px rgba(0,0,0, 0.4);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

•  SAVE  Template

Cara Penggunaan :
Sekarang untuk cara penggunaan blockquotenya pada menu Posting bisa dilihat pada gambar berikut:

Blok kode atau teks yang diinginkan lalu klik Tool Menu yang ditunjuk dengan tanda panah.
Silahkan pilih sesuai yang kamu inginkan.