Cara Merubah dan Mengganti Tampilan Blockquote Blog

Assalamualaikum.
Semoga kita tetap dalam lindungan Allah dan sehat selalu ya, Amin.

Pada kesempatan kali ini saya inggin share bagaimana cara merubah/menganti tampilan blockquote di blog.
Sobat sekalian bisa lihat bagaimana tampilan blockquote di bawah ini.

CONTOH TAMPILAN
BLOCKQUOTE BLOG

Berikut cara merubah tampilan blockquote blog:
1. Pertama login blog anda.
2. Pilih Rancangan/ Templat.
3. Klik Edit HTML (Centang Expand Template Widget )
4. Cari kode body { (Tekan Ctrl+F agar mudah dalam Mencari)
5. Pastekan Kode di Bawah Ini diatas kode body {

.post blockquote {
display:block;
padding:10px;
border-left:10px double rgba(63, 164, 184, 0.36);
border-bottom:2px solid #0BF5FF;
-moz-border-radius: 75px 1px;
border-radius: 75px 1px;
}
blockquote:hover{
display:block;
padding:5px;
color:#CECEFF;
border-left:10px double rgba(63, 164, 184, 0.36);
border-bottom:10px double rgba(63, 164, 184, 0.36);
-moz-border-radius: 25px 1px;
border-radius: 25px 1px;
-webkit-transition: 1.3s;
-moz-transition: 1.3s;
}

6. Simpan. Lihat hasil nya. Pasti di setiap blockquote di blog anda berubah tampilannya menjadi seperti tampilan blockquote tersebut.

Selamat Mencoba, Semoga sukses.
Terimakasih Atas Kunjungan nya.
Wasalam.

key:  cara, blog, website, cara merubah blockquote, tampilan blockquote, cara menganti tampilan blockquote di blog, cara merubah tampilan blockquote blog.