How To Change Showing Post With Label Message In Blogger

How To Change Showing Post With Label Message In Blogger

How To Change Showing Post With Label Message In Blogger

How Are You Friends ? Today We Are Back Again With New Amazing Tricks; In This Tutorial We Shown "How To Change Showing Post With Label" Message With Stylish Cool Effect.
We Also Known By default Blogger Shows a Message in The Label Pages "Showing Posts with Label XXXX Show all< Posts". We Known It's Look Like Irritating & Some Bloggers Might Not Like This For His/Her Processional Blog. So Some Of Users Want To Remove or Hide This Message . But Here We Suggest You Don't Need To Hide or Remove, If You Looking Change With Stylish Effect Then You Have To Come To The Perfect Site.

So Let's Go Our Main Topic

👉How To Change Showing Post With Label Message In Blogger:

Go to blogger

Navigate To The Template

Next Click On Edit HTML

Then Click CTRL+F Search For Below Tag

<b:includable id='status-message'>

Click on the tag to expand it.

Then You Look Like Below Similar Codes

<b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if></b:includable>

Now Replace Above Code With Following Below Code 

 <b:if cond='data:navMessage'>
            <div class='status-msg-wrap'>
             <div class='status-msg-body'>
               <font color='red'> <i aria-hidden='true' class='fa fa-eye'/>YOU ARE NOW VIEWING MY AWESOME POST:</font><data:blog.searchLabel/>
              </div>
               <div class='status-msg-border'>
                <div class='status-msg-bg'>
                <div class='status-msg-hidden'><data:navMessage/></div>
               </div>
             </div>
             </div>
           <div style='clear: both;'/>
          </b:if>
        </b:includable>

That's It ; You Have Almost Done;

Note* You Can Change "You Are Now Viewing My Awesome Post" This Text With Your Choice.

Now Need To Be Add CSS Code


Again Press CTRL+ F Search For Below Tag.

]]></b:skin>

After Finding Add Below CSS Code On Above ]]></b:skin>

 /* Label Status Message Widget By Rashmi
———————————————–*/
.status-msg-body {    /* This changes the font and font color  */
font: 14px Century Gothic;
color: #fd6a83;
text-transform: uppercase;
font-weight: bold;
}
.status-msg-bg {    /* This changes the background color of massage bar */
background-color: #fff;
}
.status-msg-border {   /* This changes the color of the border */
border: 1px #e9d8d9 solid;
}

Now Save Your Template ; Voila ; Now Check Your Blog.

Author Note 💭

Thanks For Viewing Our Article ; Hope Your Like This Post .

Did it Worked ???

Let Us know what was your experience with this tutorial by leaving your comment below. Enjoy This Post & Share With Your Friends. 

🙏HAPPY DIWALI WISHES FOR ALL🙏