طريقة جديدة لإضافة رسائل إدارية او رسالة ترحيبية

إخواني الكرام كيف حالكم

اليوم بإذن الله سأطرح لكم طريقة جديدة لإظافة رسائل إدارية او رسالة ترحيبية أو اي شيئ تحب

طريقة بسيطة وغير مزعجة تحتفي بعد مرور مدة قصيرة يمكنك تغيير لونها وحجمها

صورة من الإضافة

يمكنك كتابة رسالة ترحيبية أو رسال إدارية الإختيار راجع إليك

لتركيب الإضافة قم بإضافة أداة جديدة ثم ضع فيها هذا الكود

<style>
#BloggerSpice {
left: 10px;
top: 10px;
width: 320px;
height: auto;
overflow: hidden;
background:#01B1D3;
border-radius: 10px;
border: 10px solid #111111;
z-index: 999999;
position: fixed;
-webkit-animation: fadeOutnotif 15s linear forwards;
-moz-animation: fadeOutnotif 15s linear forwards;
-o-animation: fadeOutnotif 15s linear forwards;
-ms-animation: fadeOutnotif 15s linear forwards;
animation: fadeOutnotif 15s linear forwards;
}
#BloggerSpice a {
display:block;
text-decoration:none;}
#BloggerSpice span {
display: block;
padding: 15px 15px;
pointer-events: none;
text-align: right;
float: right;
}
#BloggerSpice span h2 {
font-size: 20px tahoma;
line-height: 21px;
color: #fff;
font-weight: normal;
letter-spacing: 0px;
}
/*widget by  www.bloggerspice.com   */
@-webkit-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -webkit-transform: translateY(0px);}
99% { opacity: 0; -webkit-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-moz-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-o-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-ms-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
</style>
<div id='BloggerSpice'>
<span>
<center><h2><b>*رسالة إدارية*</b></h2></center>
<div style="text-align: justify;"><span style='color: #FEF2BF;'>السلام عليكم إخواني الكرام اتمنى منكم مساندة المدونة بعمل غعجاب لصفحة الفيس بوك الخاصة بالمدونة ولا تنسو مشاركة المواضيع مع أصدقائكم وشكرا</span></div>
</span>
</div>

هذه هي القيم التي يمكنك التعديل عليها لتغيير حجم او مكان الإضافة

eft: 10px;
top: 10px;
width: 320px;

غير المحتوى بما يناسبك وتكون قد إنتهيت

هذا كل شيئ أتمنى أن تعجبكم الإضافة بالتوفيق للجميع ودمتم في رعاية الله وحفظه