cleanUrl: /en/guides/oopy-html-code-block

You might want to inject some HTML code in the middle of the page. Of course, you can do it with Head HTML Code Block, but setting proper location in the sea of <div> is cumbersome. In that case, you can use Oopy HTML Code Block feature.

How to

1. Add a code block wherever you want.

2. Choose HTML as the language type.

3. Write HTML code you want, you may thing you are in the middle of body tag.

   E.g. Start code with div tag.

4. Write oopy in the caption. (check no empty space around!)

Check the video guide,

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/76739256-bf00-4289-bae7-c9b2db78d999/__2021-01-19__3.37.10.mov

Examples

• You can redirect someone to a desired link like an email, invoice, etc.

<style>
  a.hello-world {
		color: #0356fc; 
	}
	a.hello-world:hover {
		background-color: #0356fc;
		color: white;
	}
</style>
<a class="hello-world" style="border-radius: 32px;" href="mailto:[email protected]">✉️ 이메일 보내기</a>

PREV

HTML edition