0:00
Hi everyone, welcome to K2 blogging and in this video I will show you how you can add
0:04
a note block like this to your blogger website. So here I am using the FlutteroPro theme and here as you can see there is a note block
0:11
added like this. So you can add any text here and you can add a note block using a simple class
0:19
So you can use the same note block in other themes also
0:23
So it will support all other themes. And here as you can see there is a different style of note block
0:29
So I will leave the link of all the note block in the description so that you can use this
0:34
code wherever you want. So let's check how can add the note block to this website
0:40
So here I am using the feedify template from templatify. So we are going to add the note block in this website
0:50
So for this I will go to the blogger dashboard and I will click on theme section
0:55
And here I will take a backup first and then click on edit HTML
1:01
Then you need to find the CSS code of your theme. So let me just scroll down all the way to the bottom of the CSS code
1:10
Okay this is the end of the CSS code and here as you can see there is a Biscuit tag or you
1:15
can also search for closing style tag. So we need to add a CSS code just below the CSS code of our theme
1:24
So let me just copy the CSS code from here to here
1:31
And I will paste the CSS code in our theme code. Now let me just save the code
1:37
Okay now let's go to the blog post and let's open the blog post
1:42
So this is the same blog post and we need to add a note block in the last section
1:48
So to add the note block you have to go to your blog post and we have to switch to the
1:53
HTML view. And then you need to add a class like this class equal to note
2:00
And you can also add multiple class here. So I will just add a class here like class equal to in the double quote I will add a
2:10
note and I will close the double quote. Now let's update this blog post
2:16
Now let me just refresh this page. And as you can see the note block is now added to our blogger website
2:22
So in this way you can add a multiple note block to your blogger website
2:26
So I will also leave different style of note block so that you can use it in your website
2:31
So if you found this video helpful then make sure to hit the like button and do subscribe
2:36
Key2Blogging for more upcoming videos like this. Thank you
