0:00
Hello everyone, welcome to Key2 blogging and in this video I will show you how you can create a
0:04
hero section like this. So it is fully responsive and works perfectly fine in all type of devices
0:10
And as you can see it is looking good in mobile devices and when I close this it will also look
0:16
like this in desktop devices. So let's check how you can create a hero section like this and add
0:22
it to your blogger website. So here in this case we will be using this litero pro theme. So here
0:29
we will replace this section with this hero section. To do this go to your blogger dashboard
0:35
and here click on layout section. Now scroll down and here you will see a section like
0:42
large content section. So here let me just remove the popular post section from here
0:51
Now you have to add a gadget in this place. So to do this go to your theme section
0:57
and here click on edit html and before that make sure to take a backup of your theme
1:03
Now here search for large section. So let me just search it
1:14
and hit enter again. And here as you can see this is the html code deep class large section and here the max wizard
1:26
set to one. So let me just change it to two or three. So let me just select to three
1:34
and here show add element to row. Now click on save and if you don't know how to remove unnecessary wizards in blogger
1:47
then I recommend you to watch this video how to remove lock wizard in blogger
1:52
So in this video I will show you how we can remove an unnecessary wizards in blogger
1:57
and improve your blog loading speed. So let's go to blogger dashboard and here click on layout
2:04
section. Now scroll down and here as you can see you will see a add a gadget section in the large
2:11
content. So click on add a gadget and here click on html or javascript. Now you have to add a code
2:19
like this. So let me just copy this whole code from here and paste it here. Now let me just save
2:28
this and let's replace this page and as you can see the hero section is added and that popular
2:37
section is gone now and let me just show you and as you can see this is fully responsive and works
2:44
perfectly fine in mobile devices also. So let's check how you can edit this text and edit the
2:50
button link in your dashboard. So go to the dashboard and here click on html or javascript
2:57
and here as you can see this is the h2 tag. So this is the h2 tag you have to change it here
3:04
between the h2 to closing h2. Now you have to change the paragraph here and here you can change
3:11
the button text like tutorials to any other word that you want and here in the hash value you have
3:17
to add the link and this is the second button wordpress and here you have to change the button
3:23
link between the single quote. So let me just change the text like subscribe and let me just
3:34
change the button text. So let me just copy this link from here and let me just add the link
3:42
So just copy this text and replace it here. Now let's save this. Now let's refresh this page again
3:56
and as you can see the subscribe button is added and when I click on the subscribe button
4:01
it will redirect me to the YouTube page. So in this way you can add a hero section to your
4:06
blogger website and make it more professional and if this video helps then make sure to like
4:13
the video and if you are new to this channel then consider subscribing for more upcoming videos like
4:18
this and if you have any doubt regarding this then you can ask me in the comment section or
4:23
you can ask in our telegram group and the link will be given in the description. I will see you
4:28
in the next video. Thank you
