How to add Note, Warning box in Blogger?

 



Hello everyone, Welcome to Monetizy - Learn For More , Nowadays many websites have Note and Warning boxes include's Plus Ui, Lantro Ui Median Ui Fletro Pro, Imagz. You might be want to add note, and warning boxes to your Blog articles then this tutorial is for you, In this article, we are going to show you how to add note, and warning boxes in Blogger, By following this tutorial properly then you can easily add a note, warning box in your Blogger website, So without wasting much time let's check how to add Note, Alert box!

How to add Note, Warning box in Blogger?

Before doing these steps we recommend you to take a backup of your theme, By chance, if any mistake has been made you can restore it later!

  • First, go to your Blogger dashboard
  • Then go to the Theme section
  • Then click on the drop-down icon near Customize option
  • Then click on the Edit HTML option
  • Then find and ]]></b:skin> paste this CSS just above it
/* Note, Warning Box */ .note{position:relative;padding:16px 20px 16px 50px; background:#F3E5F5;color:#3c4043; font-size:.85rem;line-height:1.6em;border-radius:10px;overflow:hidden} .note::before{content:'';width:60px;height:60px;background:rgba(0,0,0,.15);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .note::after{content:'\002A';position:absolute;left:18px;top:16px; font-size:20px; min-width:15px;text-align:center} .note.wr{background:#ffdfdf;color:#48525c} .note.wr::before{background:#e65151} .note.wr::after{content:'\0021'}
  • Then Save HTML
  • Then go to the Posts section
  • Then make sure you changed Compose view to the HTML view
  • Then paste the below HTML code to that post where you want to add a note or warning box

    • We gave you two HTML codes one is for a note box and one is for a warning box, you can use any of that you want.

    Note box

    <p class='note'>Your_text_here</p>

    Warning box

    <p class='note wr'>Your_text_here</p>

    Don't forget to add your text in Your_text_here section!

     Owner Is Shivatechnicalworld and Referrel is Shivatechnicalworld


  • Then click on Publish to save and publish the post

    • Conclusion

    This is all about How to make a sweet partner page for only blogger? I hope you enjoy this article. Please do share this article. And if you are facing problem in any section or you have any question then ask us


    Comments

    Post a Comment

    Popular posts from this blog

    [ UPDATED ]How to add a Stylish Note Block [Notebox] in any Blogger Template 2022

    Image
      H ello Everyone! Welcome back to Monetizy, Today on this occasion our tutorial is  How to add a Stylish Note Block [Notebox] in any Blogger Template,   Note Block [Notebox] is Used to add important info, warning sentences or highlight sentences so that users can notice it easily and get aware of that. What is Note Block ? Note Block is a feature which is present default in some of the blogger the templates like iMagz, Median Ui, Fletro pro etc.... Note Block is used to Highlight a Important information, Any warning sentence or Highlight Any important steps so that the users can read it more efficiently and better than the normal text. so, this is the main use of Note Block Feature.  But some of the blogger templates which have default Note Block Feature have same old look and many of the blogger themes doesn't have this Note Block Feature exist so, I have tried to make something new  and gave a unique look to Note Block [Notebox] and this Notebox can be a...
    Read more

    New YouTube Tax Policy Will Reduce Income from the US Market?

    Image
    New YouTube Tax Policy Will Reduce Income from the US Market? YouTube informed content creators that YouTubers outside the United States may soon see as much as 30% of their earnings from US viewers withheld for tax. Indian YouTube creators were asked to provide their tax information to the platform in order to determine if they have any tax implications on earnings from US viewers, and how much. The new tax will affect the earnings of Indian YouTubers. It is especially applicable to those with a large US viewership. YouTubers claim that the US ad revenue is more than the Indian equivalent. Beebom is an English-language tech review channel that has more than 2 million subscribers.  TechWorldX  viewers in India are higher than in the US, the average revenue from advertisements shown to US viewers is greater. Although YouTube’s earnings have been taxed so far, content creators are concerned that Google, the company that owns YouTube will also begin levying taxes on its Goog...
    Read more

    Median Ui 1.6 Redesign Added Many More Feature Try It Now Fast Adsense Approval Template.

    Image
    ➥  Median ui 1.6 Redesign Blogger Template Describe  Hello my dear friends ! Are you really finding a  Median UI redesign Blogger Template  ? Your searchs is over here! Finally I am going to share  Median UI Redesign Blogger Theme for free . Its a best redesign version of  median UI  because in this theme we are use high quality SVG icons to give attractive look for website or blog. You can edit  SVG icon fill color  as your choice.  Amazing background use in this median UI redesign blogger theme . Its also have popup recent comments widget to view the recent comments of your blog or website. So its also responsive with all types of device. It is also an  AdSense friendly blogger template  because I got AdSense in this template. So if you use this redesign blogger theme in your website then your website obviously approved by Google AdSense service. AdSense ads placements in this template is better than any other templates. So I...
    Read more