Cara mengedit Quote pada Blog

Tweet

Kita akan belajar bagaimana menyesuaikan Quote di dalam Blogger. Dengan menyesuaikan, maksud saya mengubah bentuknya, memberikan beberapa warna, perbatasan, latar belakang, ukuran perubahan, font, dan lain-lain...

Cara melakukannya :

1. Masuk ke Akun Blog Anda
2. Buka menu Template >> Procced >> lalu centang 'Expand Template Widget'
3. Lalu temukan kode ini

.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

   4. Berikut adalah gambar dan script yang saya berikan,

Gambar 1

Gambar 2

Gambar 3

Gambar 4

Gambar 1

.post blockquote {
border-top: 1px solid #FF82AB;
border-left: 1px solid #FF82AB;
border-right: 2px solid #FF82AB;
border-bottom: 2px solid #FF82AB;
background: #ffffff;
margin: 6px 20px 6px 20px;
padding: 8px 8px 8px 8px;
font-size: 1em;
font-style:italic;
line-height:1.4em;
}

Gambar 2

 .post blockquote {border:1px dashed #DC143C;
background: #EEE0E5;
margin: 6px 10px 6px 10px;
padding: 8px 8px 8px 8px;
font-size: 1em;
font-style:italic;
line-height:1.4em;
}

Gambar 3

 .post blockquote {color:#EE9A00;
border:5px dotted #000000;
background: #ffffff;
margin: 6px 6px 6px 6px;
padding: 8px 8px 8px 8px;
font-size: 1em;
line-height:1.4em;
}

Gambar 4

.post blockquote {
color:#00CED1;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background: #ffffff;
margin: 6px 0px 6px 0px;
padding: 8px 8px 8px 8px;
font-size: 1em;
line-height:1.4em;
}