أهلا زوار مدونة كل عام وأنتم بخير , في بعض الأحيان تريد ان تهنئ
زوار مدونتك بمناسبة ما (عيد الفطر,قدوم رمضان...الخ) وقد تستخدم لاقتات او
مربعات حوار او اي طريقة أخرى.. لكن اليوم سأشارككم كيفية وضع رسالة مع
خلفية جميلة لتهنئة زوار المدونة بقدوم شهر رمضان ومناسبات عديدة أخرى
يمكنك التغيير حسب رغبتك وستكون الرسالة كما هو موضح أدنا مرفقا بزر أكمل
القراءة للانتقال للتدوينة بعد قراءة التهنئة
الان دعونا نبدأ بأضافة هذه الرسالة للقالب
◄نسجل في بلوجر◄قالب◄تحرير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/AVvXsEikLO02QRxxaJ-KOXm2iZCFX9woza82xpFl24RP_8g3P_ZoIgOa9pfWqoEo_4TuFpKpowXwtjWQ9mPdKgvgnOBcnGmMU_kds7obh_mPTP_wBHo2yNYR-C6v66Iad8aJy3jJszKA1GrZTlgV/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>
... يمكنك تغير الكلام الموجه بالرسالة باي كلام تريد
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).
EmoticonClick to see the code!
To insert emoticon you must added at least one space before the code.