4 highly required HTML codes for blogger

1. How to create a jump link in a website page?
2. How to change any colour of your web page?
3. How to add youtube video on the sidebar of your website?
4. How to create a direct download link from Google drive link?

Html-codes-for-blogger

How to create a jump link in a website page?

Create an anchor text: 

Important points to be remembered while creating anchor text.

• It should in small letters as capital letters may create problems
• There should be no spaces in between the anchor text but you may use" _"  instead of space.
• Below is an example of anchor text.

For example- letsdo_hyperjump

Now go to the text on the website where you want to jump on being click on the anchor text and click to add the below link then "paste the link of your website then # then the anchor text."

For example-

https://brainbuzzbbz.blogspot.com/2020/07/final-year-8th-semester-mcq-paper.html#letsdo_hyperjump

For the last part:

Go to the part where you want to jump and paste this code.

<span id ="anchor text here"></span>

for ex- <span id ="letsdo_hyperjump"></span>

How to change any colour of your web page?

• Go to your website and then left-click on-page to inspect the website. 
• Now check the colour source for the page.
• Select a new colour you want.
• Go to the blog and then edit HTML. 
• Paste new colour in place of old code.

that's all you will get a new colour.

How to add youtube video on the sidebar of your website?

Just paste the following code where you want to add the youtube video.

<div class="videoWrapper">

    <!-- Copy & Pasted from YouTube -->

    <iframe width="560" height="349" src="https://www.youtube.com/watch?v=YUA2eryX91M" frameborder="0" allowfullscreen></iframe>

</div>

<style>

.videoWrapper {

position: relative;

padding-bottom: 56.25%; /* 16:9 */

padding-top: 25px;

height: 0;

}

.videoWrapper iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

</style>

Put your youtube video code in place of the existing code.

How to create a direct download link from Google drive link?

Original link of Google drive looks like this.

original link- https://drive.google.com/file/d/1jbQFf0Jn0I-n47GKqxmcepX1iXRAKnmj/view?usp=sharing

Change the link in following way to make it the direct download link. Add "uc?id=" means user control followed by the id of the google drive file and the link ends by "&export=download" instruction for downloading the file.

direct link- https://drive.google.com/uc?id=1jbQFf0Jn0I-n47GKqxmcepX1iXRAKnmj&export=download