free useful HTML codes for new bloggers

free useful HTML codes for new bloggers

following are some useful HTML codes for new bloggers

HTML BUTTON GENERATOR

1) CREAT BUTTON - you can see sample buttons which I have used HERE

paste it in the place, where you want to use

change the address from "https://www.lyricsbuns.in/p/songster.html" to your link

change "Put Your Text Here"

if the text is a single word then you can preview in compose mode, otherwise publish it then preview.

You can use N nos of button

<form>

<input onclick="window.location.href=''https://www.lyricsbuns.in/p/songster.html" type="button" value="Put Your Text Here" />

</form>

2) AUDIO PLAYER WITHOUT DOWNLOAD OPTION

HTML AUDIO PLAYER CODE

go to post HTML mode and paste below code in the place where you want to place player-
change google drive file id with your file in google drive, replace all red text

<audio controls="" controlslist="nodownload"><source src="https://drive.google.com/uc?id=GOOGLE DRIVE FILE ID" type="audio/mpeg"></source></audio>

3) DISABLE RIGHT CLICK TO SAFEGUARD YOUR PICTURES.

GO TO LAYOUT, ADD A HTML GADGET FROM MENU, PASTE BELOW CODE IN CONTENT BOX, SAVE.

<script>
        window.oncontextmenu = function () {
            console.log("Right Click Disabled");
            return false;
        }
    </script>