أضافة رسالة ترحيب منبثقة لمدونة بلوجر بشكل جديد وحديث

SAMY ELSAGHlR

اخر تحديث :

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

والان طريقة أضافة رسالة ترحيب منبثقة لمدونة بلوجر

أولاً قم بفتح موقعك وانقر فوق المظهر ثم"تعديل HTML" وإضافة الكود التالى فوق وسم /head

<b:if cond='data:view.isHomepage'>
<style type='text/css'>
/* Pop Up Ramadhan */
@keyframes slideDown{0%{opacity:0;transform:translateY(-10%)}100%{opacity:1;transform:translateY(0%)}}
#empire5ku{line-height:1.55;display:block;background:#fff;position:fixed;top:25%;right:0;left:0;margin:auto;text-align:center;max-width:600px;box-shadow:0 0 2.5rem -1.5rem rgba(0,0,0,0.5);z-index:99;min-height:325px;padding:20px;border-radius:10px;animation:slideDown 2s;border: 3px solid #f80404;}#empire5ku .puasa19{position:absolute;color:#222;font-size:1.5rem;font-weight:400;z-index:99999;text-align:center;margin:auto;padding:10px;left:0;right:0;top:17%;border-bottom:1px solid rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.05)}#empire5ku .puasa19 p{margin:10px auto;font-style:italic;font-family:Georgia}#empire5ku .puasa19 .ramadhan2019{font-size:2.5rem;font-style:normal}#empire5ku a.close-popup{background:#428bca;position:absolute;bottom:20px;right:20px;color:#fff;text-align:center;cursor:pointer;z-index:99;border-radius:3px;display:inline-block;font-size:13px;padding:4px 14px;min-width:60px;border:1px solid #3885c7;transition:all 0.3s}#empire5ku a.close-popup:hover{background:#fff;color:#3885c7;border-color:#3885c7}#empire5ku a.close-popup:active{opacity:.9}
.ketupat{position:absolute;left:0;right:0;top:-12px;margin:auto;width:10px;height:10px;background:#B9E937;box-shadow:10px 0 0 #57D131,10px 10px 0 #B9E937,0px 10px 0 #57D131,5px 5px 0 10px #fff;display:inline-block;text-align:center;transform:rotate(45deg);z-index:2}.ketupat.duaa{top:initial;bottom:3px}
@media screen and (max-width:768px){#empire5ku .puasa19{font-size:1rem}#empire5ku .puasa19 .ramadhan2019{font-size:1.5rem}#empire5ku{min-height:260px;left:20px;right:20px}}
</style>
</b:if>

ثانياً أضف الكود التالى فوق وسم /body

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

تعديل المقال

الأقسام قوالب بلوجر

مقالات قد تهمك

تعليقات

إرسال تعليق

أرائكم تسعدنا:لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامى

مدونة الإمبراطورية

أضافة رسالة ترحيب منبثقة لمدونة بلوجر بشكل جديد وحديث

مقالات قد تهمك