0:00
Hello everyone, welcome to Key to Blogging and in this video I will show you how you can add multiple choice question to your blogger website
0:07
So go to your blogger dashboard and here click on new post
0:12
Now copy the first multiple choice and the options from here and paste it here
0:20
Now you have to switch to the HTML view and you have to copy the button HTML code from here
0:30
So paste it here. Now copy the answer from this and paste it just between the P tag like this
0:43
And we can also change the button text here. So let's add a P tag below it
0:53
And now add the second question from this and add it. add it between the p tag
1:03
Now click on Compose View and paste it the second options from here like this So let me just add spacing between the two questions
1:24
Now go to the HTML view again. Now copy the button HTML code again and paste it below it
1:35
Now again copy the second answer. and paste it between the P tag
1:48
Now you have to paste the CSS code. So scroll down and copy the CSS code from here and paste it here
2:00
Now you have to add a style tag. Now you close this style tag from here. here
2:14
Now copy the JavaScript code and paste it below it. Now click on Publish button Now open the blog post and as you can see there is a button and when I click on the button
2:35
it will show the answer. So you can also change the button color
2:40
So go to the blog post and here you will change the button color in the background color section
2:51
So let me just copy a color code from the background color
2:55
this page so so change it here and you can also change the button text color here
3:07
So let me just update this blog post and here click on refresh
3:14
As you can see the button color is changed. So if you want to add the multiple choice question to multiple blog post then you can
3:25
delete the CSS and JavaScript code and add it to your theme code so that you don't need
3:31
to add the CSS and JavaScript code multiple times. So let update this blog post and go to the theme editor and here click on Edit HTML Now search for the B tag
3:54
So this is this code. So paste the CSS code above it
4:05
So here you don't need to add the style tag. Now, search for the closing body tag and paste the JavaScript code just above the closing body
4:20
tag like this. Now click on shape. Now let me refresh this page and as you can see the button is working
4:34
And if you have any doubt regarding how to add multiple choice question
4:38
in blogger, then you can ask me in the comment section. And if you like this video, then hit the like button and subscribe to my channel for more
4:46
upcoming videos like this. I will see you in the next video
