📌 طريقة التركيب في بلوجر
لوحة التحكم → المظهر → إضافة أداة → HTML/JavaScript
ثم الصق الكود التالي واحفظ ✔️
🤲 كود أدعية تلقائية (احترافي + خفيف)
<div id="duaa-blogger">
<style>
@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');
#duaa-blogger{
font-family:'Amiri', serif;
direction:rtl;
background:linear-gradient(135deg,#1f4037,#99f2c8);
color:#fff;
padding:25px;
border-radius:15px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.25);
}
#duaa-blogger h3{
margin-top:0;
font-size:26px;
}
#duaa-text{
font-size:22px;
line-height:2.2;
margin:20px 0;
padding:15px;
background:rgba(0,0,0,.2);
border-radius:12px;
}
#duaa-footer{
font-size:13px;
opacity:.9;
}
</style>
<h3>🤲 دعاء اليوم</h3>
<div id="duaa-text"></div>
<div id="duaa-footer">اللهم تقبل منا ومنكم</div>
<script>
var duaas = [
"اللهم اغفر لنا ذنوبنا وكفّر عنا سيئاتنا وتوفنا مع الأبرار",
"ربنا لا تزغ قلوبنا بعد إذ هديتنا وهب لنا من لدنك رحمة",
"اللهم ارزقنا رزقًا حلالًا طيبًا وبارك لنا فيه",
"اللهم اشفِ مرضانا ومرضى المسلمين شفاءً لا يغادر سقمًا",
"رب اشرح لي صدري ويسّر لي أمري",
"اللهم اجعل القرآن ربيع قلوبنا ونور صدورنا",
"ربنا آتنا في الدنيا حسنة وفي الآخرة حسنة وقنا عذاب النار",
"اللهم اغفر لوالدينا وارحمهما كما ربيانا صغارًا"
];
var i = 0;
function showDuaa(){
document.getElementById("duaa-text").innerHTML = duaas[i];
i = (i + 1) % duaas.length;
}
showDuaa();
setInterval(showDuaa, 8000); // تغيير الدعاء كل 8 ثواني
</script>
</div>
🌟 المميزات
✔️ تغيير تلقائي للأدعية
✔️ تصميم إسلامي أنيق
✔️ متجاوب مع الهاتف
✔️ بدون تعارض مع قالب بلوجر
✔️ خفيف وسريع
