Untitled

بالطبع! هنا يوجد قالب بسيط لإنشاء مدونة إلكترونية باستخدام لغة HTML و CSS. يمكنك إضافة مزيد من الأكواد والتعديلات لتحسين المدونة حسب رغبتك.
 https://www.downloadcomputergames.net/2020/10/download-gta-5-for-pc.html
ابدأ بإنشاء ملف HTML جديد وقم بتسميته "index.html". قم بنسخ الكود التالي ولصقه داخل الملف:

```html
<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مدونتي الإلكترونية</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <h1>مدونتي الإلكترونية</h1>
        <nav>
            <ul>
                <li><a href="#">الرئيسية</a></li>
                <li><a href="#">مقالات</a></li>
                <li><a href="#">مدون</a></li>
                <li><a href="#">اتصل بنا</a></li>
            </ul>
        </nav>
    </header>

    <section>
        <h2>أحدث المقالات</h2>
        <article>
            <h3>عنوان المقالة الأولى</h3>
            <p>نص المقالة الأولى</p>
        </article>
        <article>
            <h3>عنوان المقالة الثانية</h3>
            <p>نص المقالة الثانية</p>
        </article>
        <article>
            <h3>عنوان المقالة الثالثة</h3>
            <p>نص المقالة الثالثة</p>
        </article>
    </section>

    <footer>
        <p>حقوق النشر &copy; 2021 | مدونتي الإلكترونية</p>
    </footer>
</body>
</html>
```

ثم، قم بإنشاء ملف CSS جديد وقم بتسميته "style.css". قم بنسخ الكود التالي ولصقه داخل الملف:

```css
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    display: inline;
    margin: 10px;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
}

section {
    margin: 20px;
}

article {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #eee;
}

article h3 {
    margin-top: 0;
}

footer {
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
}
```

بعد ذلك، قم بفتح ملف "index.html" باستخدام أي محرر نصوص وستجد المدونة الإلكترونية البسيطة التي تم إنشاؤها.

تلاحظ أن هذا مجرد مثال بسيط للمدونة وأنه يمكنك تخصيصها وتعديلها حسب احتياجاتك ورغباتك. يمكنك إضافة قوالب أخرى وصفحات للمدونة وتحسينها بإضافة المزيد من الصور والوسائط المتعددة ووظائف أخرى.