Cara membuat Blok catatan serupa quote

بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Assalamualaikum Wr.wb

Cara ini sudah tidak asing di mata kalian semua, karena cara ini sangat simpel dan sederhana tapi banyak juga orang yang belum bisa untuk melakukannya , lah ini saya beri tutornya Langkah-langkah sudah cukup jelas.

 
Langkah-langkahnya sebagai berikut :
1. Login ke akun Blogger sobat.
2. Pergi ke  Blogger Dashboard → Template → Edit HTML
3. Gunakan  Ctrl+ F  untuk mempermudah pencarian dan cari kode ]]></b:skin> atau </style> 
4. Kemudian Copy & Paste kode dibawah ini tepat di atas atau sebelum kode ]]></b:skin> atau </style> 
5. Lalu klik simpan → Save template

.info, .catatan, .warning {
 line-height: 22px;
 min-height: 38px;
 padding-left: 10px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.info {
 background: #e0e5eb url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6xyziB9MBQ8I8eq-MFss2LEl__Paxz3czPOACn3H88a0nfeTuVmtt7wPr9li5NjGldumpsTDlmnyXUf-nm9uBOTZyho3v7drcbsjwcD8C3R1Oynrv5EqfglGR22R2WJNK9eu14rcSy8E/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.catatan {
 background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3tJEOSGZXwYI-wCcqvD_erZPt33n3_GnokP1d-8F9oWtr1-xVZB7fsyrjXeC_Ld-q35uaT3jWrWfcNPUqI3z6SOWaO6xtCz89a2ul_S1O3fvQgKAGiWsn6ocTSex9rZexm-hzzfupAf4/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje1Jok5MyC7rsc2P1etekU_FPQG9O_jXKhWqf-M05ae8DVwMbFAOa0sP0ZWmBJI-2WKeNqRz_29hsERuhR_1hw3Xrfh5pAY289obQTxoroy5iEjT75NvZka-5RgKQTlwRxWMcex9CknIY/s1600/warning.png') no-repeat 12px 8px;
 color: #fff;
}

HTML kode Info :

<div class='info'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</div>

HTML kode Catatan :

<div class='catatan'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</div>

HTML kode Warning :

<div class='warning'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</div>

✍Catatan :
Gantilah teks berikut ini dengan teks yang anda inginkan “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.”

Wassalamualaikum Wr.wb