Cara Modifikasi Blockquote Blogger

Untuk platform blogger,blockquote memiliki tampilan default yang dapat dikatakan 'biasa saja'.
Blockquote,adalah unsur dalam posting yang digunakan untuk menunjukkan kutipan dari sebagian besar teks dari sumber lainatau teks yang menunjukkan suaru penjelasangaris besarnya.

Contoh tampilan blocquote adalah seperti di bawah ini:

DAPATKAN UPDATE ARTIKEL TERBARU BLOG INI
Jika anda suka dengan artikel di blog ini. Silahkan berlangganan via RSS. Isi alamat email anda di bawah ini.

Sekarang,yuk cari tahu bagaimana Cara Modifikasi Blockquote Blogger.

1.Pedhilah ke dashboard blog sobat lalu pilih rancangan atau tata letak,lihat gambar 01.

Gb.0.1

2.Pilih tab Edit HTML,lalu contreng tulisan Expand Widhet Templates,lihat Gambar0.2 dan 0.3

Gb.0.2

Gb.0.3

3.Cari kode ]]></b:skin> (untuk mempermudah gunakan keyboard dan tekan Ctrl+F),setelah ketemu,tepat diatas kode tersebut letakkan kode berikut :

.post blockquote {

    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYhZhH6XnybPOyyyZ4WBkGbPcpK5xR_dQtPHLstu9AiyQlQHfyyQdNKzFaK5PGLYiKTUWTJZTSh9cwJrQcr-mqznUp4c6YClO77zqF3Vv7XkhIe_52yPxGNSE_1zTxId_Vszxd5ChVWXA/s1600/1.jpg) no-repeat bottom center;

    margin: 5px 10px;

    padding: 10px 20px 70px 20px;

    border: 2px solid #1E1F1F;

    font-size: 1em;

    overflow:hidden;

    width:530px;

    font: normal 12px arial;

    color: #121212;

    }

    .post blockquote:hover {

    border: 2px solid #1E1F1F;

                background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUHZ6Sw3cT4sD7lsQgAmdwTcoBuYygjBm5hE2TGWq7r6X9qzh3thUYKrYGLu3p0OL_xWdwZ-K54JQcWDUamvsRXqDoqjGwbaJlc6FWf57QQHqAtbj8IsPH88Oi0wQffyZgatd37CGKaDo/s1600/2.jpg) no-repeat bottom center;

}