Красивое оформление заголовков статей для Blogger

Заголовки как на сайте Я блоггер 

<h2 style="border-color: rgb(226 , 11 , 11); border-left-style: solid; border-width: 0px 0px 0px 3px; font-family: &quot;open sans&quot; , sans-serif; font-size: 30px; letter-spacing: -1px; line-height: 33px; margin: 0px; padding: 0px 0px 0px 8px; vertical-align: baseline;">
Красивое оформление заголовка статьи для Blogger</h2>

Красивое оформление заголовка статьи для Blogger

<style>
.post h3 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL6swaNbTl8Ov1fPjlCLnOlzvsmTvnGsy8xSRFthGQf-LC6AXMvZ-NT-eFp9nptv1kpI9-QcuF7LoZvLtnOtJVdMwL14b1i5VYrjXEzrkUEDF1rduMOdjoKqItAITLl9l4XAvJjzDybuU/s1600/h3.png") no-repeat 4px center transparent;
font-size: 20px;
font-family: Oswald;
font-weight:normal;
padding: 3px 10px 3px 80px;
color: #DAA520;
border: 3px solid #DAA520;
text-shadow: 0 1px 0 #DAA520;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
-moz-box-shadow: 0 1px 3px #DAA520, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #DAA520, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #DAA520, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}
</style>




 <style>
h3{
font-family: Times New Roman !important;
font-style:italic !important;
}
.post h3 {
color:#666;
border-left:10px solid #666;
border-right:10px solid #666;
padding:3px 5px 3px  20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #666;
-webkit-box-shadow:0px 0px 13px #666;
-moz-box-shadow:0px 0px 13px #666;
}
.post h3:hover {
color:#f41111;
border-left:10px solid#c10f18 ;
border-right:10px solid#c10f18 ;
box-shadow:0px 0px 13px#c10f18;
-webkit-box-shadow:0px 0px 13px #c10f18;
-moz-box-shadow:0px 0px 13px#c10f18;
}
</style>

 Красивое оформление заголовка статьи