Skip to content Skip to sidebar Skip to footer

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.


Animation image for blogger gif image
Step 1:
   After login and enter your post Click template and Edit HTML.

blogger edit html


Step 2:
  After clicking the "Edit HTML" you will see like below image.

edit Blogger HTML code


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".
Place Style tag in blogger


Step 6:
  Finished when you want to high light the line, Switch to HTML mode.

blogger post in 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>
The above code output is show below
First Important Line
Second Important Line
Third Important Line
Fourth Important Line

Post a Comment for "Highlight Blogger important line"