Highlight Blogger important line
Highlight Important Lines
When we creating a new post we will write more text, in that some one steps are very important and when the visitor visit your blogger he have a chance to read the important points. So we can highlight the words and attract the visitor and focus to that line.
Step 1:
After login and enter your post Click template and Edit HTML.
Step 2:
After clicking the "Edit HTML" you will see like below image.
Step 3:
Press ctrl+F and find the name using </head>.
Step 4:
Just add the following code above the </head> tag.
<style>.allinworlddivcls{width:100%;height:44px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTLmXWGfEilQtSflcnAA9HQPxfmGOHW6JzflOk54TvnQgxVXLZ2Ko3w8FT_hllpORssgWMIPriqpqwAdP9kj9czH3SGcGc37HOwnG8lb72A1THFEtC2yScL3Dlfbr3ALcZR-MNULBonOaP/s1600/first.png);background-repeat:no-repeat}.allinworlddivcls:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6heI1uMQ9vDRKjfd45j4dAeXPMyU3EvedBPk9VXbObLJvpFV15ThoyVCYLp7jjutfj2jUy8_96-c0wNe8niVTkd0jjSccinX8-_z_mCXgqFkee1ooZIm9CdGOIZobGcgnRNJ4vrq9HWuE/s320/second.png);/*allinworld99.blogspot.com*/background-repeat:no-repeat}.allinworldspacls{margin-left:46px;float:left;margin-top:14px}</style>
Step 5:
After placing the above code, click "Save template".
Step 6:
Finished when you want to high light the line, Switch to HTML mode.
Step 7:
Replace the text "First Important Line" to your text. And place the below code with HTML mode.
<div class="allinworlddivcls">
<span class="allinworldspacls">First Important Line</span>
</div>
<div class="allinworlddivcls">
<span class="allinworldspacls">Second Important Line</span>
</div>
<div class="allinworlddivcls">
<span class="allinworldspacls">Third Important Line</span>
</div>
<div class="allinworlddivcls">
<span class="allinworldspacls">Fourth Important Line</span>
</div>
First Important Line
Second Important Line
Third Important Line
Fourth Important Line
Post a Comment for "Highlight Blogger important line"