How To Change Showing Post With Label Message In Blogger - WebDuniya

Monday, October 15, 2018

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 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


Also Read:  How To Migrate HTTP To HTTPS On Blogger .


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🙏
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

4 Comments

(y) thanks rashmi ;can this widget set our blog ?

Can you give me the template you use

why you comment with spam name comment?
Respect our admin. by the way this template name is Takis.

no possible : but i can tell you theme name - takis blogger template

For Instant Reply Notification- Tick Below Notify Me Box
EmoticonEmoticon

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

We never sent spam ! feed by google