I am always searching a new trick to make my blogger post better and now i got a trick about Decoration Around Texts in Blogger Posts and now i am going to show you.This widget is having many interesting features including whole post is bordered by a color with a shadow,a tick mark image before the post and heading text will be automatically changed into uppercase.
Follow this steps to add:-
Now Add CSS into your template
Follow this steps to add:-
- Go to your blogger account.
- Go to the templates tab.
- Add this code under the <head> tag.
Now Add CSS into your template
- Go to your blogger account.
- Go to the templates tab.
- Find this code :
- Just above the code mentioned above, add this code to the above code.
.post h3 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs6gg-MldVL8kYtEzMTxfbmSnksiXWkq0uFtlQz-jT_a_VpTTMj5s4oOm70M89HLsMnEo8nCW-w3V8YK8ORKaBUGdc4sG4FnkRUO2zaKpYPN8XXiDPV3Odh4t4lTu0vnT2qqMlLcX84ZA/s1600/h3.png") no-repeat 4px center transparent;
font-size: 20px;
font-family: Oswald;
font-weight:normal;
padding: 3px 10px 3px 80px;
color: #0274be;
border: 3px solid #5bb5f0;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
-moz-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #5bb5f0, 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/AVvXsEgs6gg-MldVL8kYtEzMTxfbmSnksiXWkq0uFtlQz-jT_a_VpTTMj5s4oOm70M89HLsMnEo8nCW-w3V8YK8ORKaBUGdc4sG4FnkRUO2zaKpYPN8XXiDPV3Odh4t4lTu0vnT2qqMlLcX84ZA/s1600/h3.png") no-repeat 4px center transparent;
font-size: 20px;
font-family: Oswald;
font-weight:normal;
padding: 3px 10px 3px 80px;
color: #0274be;
border: 3px solid #5bb5f0;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
-moz-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}
Save the template.
Note:-Changing Headings Inside Blogger Posts
- Go to blogger.
- Click on the posts tab.
- Choose the post you want to add these type of decorations and click on edit button.
- Select the text you want to add decoration.
- After that change the type of text from normal to Sub Heading.
- Click on save button.
- View the post.
Designer cheap hermes handbags are considered as being one of the most essential style accessories with which to create a fashion cheap chanel handbags statement. They are taken as a symbol of your personality and also reflect your connection discount prada handbags with a special brand. It is all about spending to find your hot designer bag. Yet in some instances these mens jackets may cost a fortune and hence many merely cannot afford to buy them. In such instances you should search for catier love that happen to be as nice as authentic.
ReplyDelete