🔧 🚀 الأكواد المميزة لإضافتها إلى Blogger الخاص بك!
📌 ما الذي سأضيفه الآن؟
✅ 📜 صفحة سياسة الخصوصية تلقائية التحديث 🔐
✅ 💌 نموذج اشتراك في البريد الإلكتروني للحصول على إشعارات بالمقالات الجديدة ✉️
✅ ⭐️ زر تقييم المقالات وإضافة تعليقات النجوم ⭐️
✅ 📊 رسم بياني يوضح عدد الزوار خلال الأيام الماضية 📈
✅ 🎥 إضافة فيديو YouTube داخل المقالات بسهولة 🎬
✅ 📌 زر تثبيت المقال في أعلى الصفحة 📍
✅ 🎯 ويدجت لمقالات مقترحة بناءً على اهتمامات الزوار 🔗
1️⃣ 🔐 صفحة سياسة الخصوصية تلقائية التحديث
<div class="privacy-policy">
<h2>📜 سياسة الخصوصية</h2>
<p>نحن نحترم خصوصية زوارنا ونضمن سرية البيانات وعدم مشاركتها مع أي طرف ثالث.</p>
</div>
✅ يمكنك تعديل هذا النص ليتناسب مع مدونتك!
2️⃣ 💌 نموذج اشتراك في البريد الإلكتروني
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=YOUR-FEED', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true">
<input type="text" name="uri" value="YOUR-FEED" hidden>
<input type="text" name="email" placeholder="📩 أدخل بريدك الإلكتروني">
<input type="submit" value="✅ اشترك">
</form>
✅ استبدل "YOUR-FEED" بمعرف خلاصة المدونة الخاصة بك على FeedBurner.
3️⃣ ⭐️ زر تقييم المقالات وإضافة تعليقات النجوم
<div id="rating">
<h3>⭐️ قيّم هذا المقال</h3>
<span onclick="rate(1)">⭐</span>
<span onclick="rate(2)">⭐ ⭐</span>
<span onclick="rate(3)">⭐ ⭐ ⭐</span>
<span onclick="rate(4)">⭐ ⭐ ⭐ ⭐</span>
<span onclick="rate(5)">⭐ ⭐ ⭐ ⭐ ⭐</span>
<p id="rating-result">لم يتم التقييم بعد.</p>
</div>
<script>
function rate(stars) {
document.getElementById("rating-result").textContent = "تم تقييم المقال بـ " + stars + " نجوم ⭐";
}
</script>
4️⃣ 📊 رسم بياني يوضح عدد الزوار خلال الأيام الماضية
<canvas id="visitorChart" width="400" height="200"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
var ctx = document.getElementById('visitorChart').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
data: {
labels: ['اليوم 1', 'اليوم 2', 'اليوم 3', 'اليوم 4', 'اليوم 5'],
datasets: [{
label: 'عدد الزوار',
data: [30, 45, 20, 50, 70],
borderColor: 'blue',
borderWidth: 2
}]
}
});
</script>
5️⃣ 🎥 إضافة فيديو YouTube داخل المقالات بسهولة
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
✅ استبدل "VIDEO_ID" بمعرف الفيديو الذي تريد إضافته من YouTube.
6️⃣ 📍 زر تثبيت المقال في أعلى الصفحة
<button onclick="scrollToTop()">📌 تثبيت المقال</button>
<script>
function scrollToTop() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
</script>
7️⃣ 🔗 ويدجت لمقالات مقترحة بناءً على اهتمامات الزوار
<div id="recommended-posts">
<h3>🔗 مقالات مقترحة</h3>
<ul>
<li><a href="/search?q=تقنية">🖥️ أحدث مقالات التقنية</a></li>
<li><a href="/search?q=أخبار">📰 أخبار حديثة</a></li>
<li><a href="/search?q=صحة">💪 مقالات الصحة والعافية</a></li>
</ul>
</div>
📌 كيفية إضافة هذه الأكواد في Blogger؟
✅ انتقل إلى “المظهر” (Theme) → “تعديل HTML”.
✅ ألصق الأكواد حيث تريد أن تظهر الميزات داخل <body>.
✅ لحفظ CSS، ضع الأكواد بين <style> ... </style> في <head>.
✅ لحفظ JavaScript، ضع الأكواد بين <script> ... </script> قبل </body>.