كيفية إضافة صندوق أكواد احترافي في بلوجر بدون أخطاء

.iqa-code-box {
    background: #1e1e1e;
    color: #dcdcdc;
    padding: 20px;
    border-radius: 8px;
    font-family: 'Courier New', monospace;
    position: relative;
    margin: 20px 0;
    overflow-x: auto;
    border: 1px solid #333;
}
.iqa-code-header {
    background: #333;
    padding: 8px 15px;
    border-radius: 8px 8px 0 0;
    font-size: 13px;
    color: #aaa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -20px -20px 15px -20px;
}
.copy-btn {
    background: transparent;
    border: 1px solid #555;
    color: #aaa;
    padding: 3px 10px;
    font-size: 11px;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
}
.copy-btn:hover { background: #444; color: #fff; }

<script>
function copyCode(button) {
    const codeBox = button.parentElement.nextElementSibling.querySelector('code');
    const textArea = document.createElement('textarea');
    textArea.value = codeBox.textContent;
    document.body.appendChild(textArea);
    textArea.select();
    document.execCommand('copy');
    document.body.removeChild(textArea);
    const originalText = button.innerHTML;
    button.innerHTML = 'تم النسخ!';
    button.style.color = '#27ae60';
    setTimeout(() => {
        button.innerHTML = originalText;
        button.style.color = '#aaa';
    }, 2000);
}
</script>