Hi Friends today i am with a very cool, beautiful and useful css effect for blogger heading .this tutorial tell you
How To Customize Blogger Sub Heading
Follow below Steps to Customize Blogger Sub Heading text- Find ]]></b:skin> Paste below Code just above/before it
.post h2 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirarEc7l4fSlUuSbOedZDGL9gfovW0X8AuOsY4RAEsalPysCjO980wjAIGUf0lvdQMRWgz-v1PcuSzKhaDUbXWintUvX396bXg7DD67CeVil4DrvmcyROxu1ECcsrB-3V036LOznxJ3gw/s1600/h3.png") no-repeat 4px center transparent;
font-size: 20px;
font-family: Oswald;
font-weight:bold;
padding: 0px 0px 0px 28px;
color: #E60066;
border: 3px solid #5bb5f0;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
-moz-box-shadow: 0 1px 3px #E60066, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #E60066, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #E60066, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirarEc7l4fSlUuSbOedZDGL9gfovW0X8AuOsY4RAEsalPysCjO980wjAIGUf0lvdQMRWgz-v1PcuSzKhaDUbXWintUvX396bXg7DD67CeVil4DrvmcyROxu1ECcsrB-3V036LOznxJ3gw/s1600/h3.png") no-repeat 4px center transparent;
font-size: 20px;
font-family: Oswald;
font-weight:bold;
padding: 0px 0px 0px 28px;
color: #E60066;
border: 3px solid #5bb5f0;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
-moz-box-shadow: 0 1px 3px #E60066, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #E60066, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #E60066, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}
<h2>Write Your Text Here</h2>
Replace Write Your Text Here with your text .. Enjoy...
0 comments:
Post a Comment