Blogger Note Block Additional CSS Style
WhatsApp Icon Join our WhatsApp Group

Blogger Note Block Additional CSS Style

'Style 1' Click here to Copy Class of CSS.

Copied

'Style 2' Click here to Copy Class of CSS.

Copied

'Style 3' Click here to Copy Class of CSS.

Copied

'Style 4' Click here to Copy Class of CSS.

Copied

'Style 5' Click here to Copy Class of CSS.

Copied

'Style 6' Click here to Copy Class of CSS.

Copied

'Style 7' Click here to Copy Class of CSS.

Copied

'Style 8' Click here to Copy Class of CSS.

Copied

'Style 9' Click here to Copy Class of CSS.

Copied

'Style 10' Click here to Copy Class of CSS.

Copied


How to add a note Block with different styles using pure CSS on a website?

  • Download the CSS code from the below link.
  • Copy and Paste the Downloaded CSS file between <head> </head> tag.
  • Now choose any style and paste it on your page file by Selecting above Style.
Example:- 
  1. <p class='note'>Your text here</p>
  2. <p class='note wr'>Your text here</p>
  3. <p class='note ln'>Your text here</p>
  4. <p class='note wr ln'>Your text here</p>
  • or just insert the class section to the place where you need to show the note block.
Example:- 
  1. <p class='note'>Your text here</p>