.png){kind=logo}
رسالة تهنئة باي مناسبة كشهر رمضان تظهر كواجهة في مدونتك
أهلا زوار مدونة أبواياد كل عام وأنتم بخير , في بعض الأحيان تريد ان تهنئ زوار مدونتك بمناسبة ما (عيد الفطر,قدوم رمضان...الخ) وقد تستخدم لاقتات او مربعات حوار او اي طريقة أخرى.. لكن اليوم سأشارككم كيفية وضع رسالة مع خلفية جميلة لتهنئة زوار المدونة بقدوم شهر رمضان ومناسبات عديدة أخرى يمكنك التغيير حسب رغبتك وستكون الرسالة كما هو موضح أدنا مرفقا بزر أكمل القراءة للانتقال للتدوينة بعد قراءة التهنئة
الان دعونا نبدأ بأضافة هذه الرسالة للقالب
◄نسجل في بلوجر◄قالب◄تحريرHTML◄البحث(CTRL+F) عن الوسم التالي ]]></b:skin> نضيف الكود التالي فوقه مباشرة
#welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}#welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}.welcomeclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}.welcomeclose:hover {background-color:#aaa}#welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh93l_VWtMR45X57kHWjkMKNqvG3eFP4wvV7rzFo2GGQ8viJosp2EuHnNoWkg9PSyQ8pF4-sJ82dmX7lZ046jAvv4GW7m12b4r-CgB__ZLCIK5w4gQE757E9f4YuIYOXmGkpUQHj0vNIB37/s1600/Wallpaper.jpg) no-repeat top center;}
ملاحظة /يمكنك تغير الخلفية باي خلفية تريد لكن احرص على ان تكون الابعاد كبيرة ولكن لا يتجاوز حجمها ال100KB حتى لا تؤثر على تحميل المدونة نفسها
الان سنقوم بأضافة الرسالة لتظهر في كل المشاراكات او لتظهر فقط في الصفحة الرئيسية
الان سنقوم بأضافة الرسالة لتظهر في كل المشاراكات او لتظهر فقط في الصفحة الرئيسية
◄لتظهر الرسالة في كل المشاركات نبحث عن الوسم التالي <body> ونضيف الكود التالي تحته(أسفله) مباشرة
◄لتظهر الرسالة فقط في الصفحة الرئيسية لمدونتك نبحث عن هذا الوسم<div id='welcomeoverlay'/><div id='welcomebox'><p>“أهلا رمضان”<br/>نحن في ادارة المدونة نبارك لكم الشهر الفضيل<br/>"نسال الله ان يتقبل صيامكم وعبادتكم ,<br/>اللهم لا تحرمنا ان نكون من عتقائك من النار في هذا الشهر الفضيل ..آمين."</p><div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>أكمل القراءة →</div></div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
ونضيف الكود التالي تحته(أسفله) مباشرة
<div id='welcomeoverlay'/>
<div id='welcomebox'>
<p>“أهلا رمضان”<br/>
نحن في ادارة المدونة نبارك لكم الشهر الفضيل<br/>
"نسال الله ان يتقبل صيامكم وعبادتكم ,<br/>
اللهم لا تحرمنا ان نكون من عتقائك من النار في هذا الشهر الفضيل ..آمين."</p>
<div class='welcomeclose' onclick='document.getElementById("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>أكمل القراءة →</div>
</div>
... يمكنك تغير الكلام الموجه بالرسالة باي كلام تريد
0 التعليقات: