> For the complete documentation index, see [llms.txt](https://docs.duongtuyen.club/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.duongtuyen.club/my-work/ryviu-blog/add-q-and-a-sections-to-blog-post.md).

# Add Q\&A sections to blog post

1. Để thêm Q\&A section vào bài post và thêm code Q\&A  HTML vào bài viết, tham khảo hình ảnh bên dưới

<figure><img src="/files/MI5HGAjFttNNipQAmpVT" alt=""><figcaption></figcaption></figure>

2. Sau đó thêm code Q\&A dưới đây:&#x20;

Mỗi đoạn code phía dưới là 1 Question Answer.

Thay thế **Question 1** bằng nội dung Question và **Answer 1** bằng nội dung Answer

```html
<div class="faq-question">
	<div class="r-question">
	        <h4 class="r-title-question">Question 1</h4>
	        	<span class="r-icon">
	        		<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="r-plus">
		        		<path fill="currentColor" d="M0 7H16V9H0z"></path><path transform="rotate(-90 7 16)" fill="currentColor" d="M7 16H23V18H7z"></path>
		        	</svg>
		        
	        		<svg width="16" height="16" viewBox="0 0 17 2" fill="none" xmlns="http://www.w3.org/2000/svg" class="r-minus"><path fill="currentColor" d="M0.5 0H16.5V2H0.5z"></path></svg>
		        </span>
	</div>
		  
	<div class="r-answer">
		<p>Answer 1</p>
	</div>
</div>
```

<figure><img src="/files/jZ2cpXw70ykM22315ptI" alt=""><figcaption></figcaption></figure>

Có thể paste thêm code xuống dưới của **HTML Embed Code Editor** popup để thêm Q\&A mới

<figure><img src="/files/5pb3PTdyk2Jbg9wjN9Hq" alt=""><figcaption><p>Demo</p></figcaption></figure>