حصريا:رسالة ترحيب عائمة بشكل أنيق

السلامم عليكم زوارومتتبعي مدونة احمد-ويب

اليوم أقدم لكم اضافة حصرية وأنيقة وبشكل عائم وجديد 

هذه الرسالة تظهر لمدة ثواني قليلة وتختفي كما انها خفيفة وأنيقة 

لن أطيل عليكم أكثر تابعو الشرح البسيط 

 

 

طريقة تركيب الاضافـــــة

من لوحة التحكم بلوجر تخطيط اضافة اداة  ضع بها الكود التالي

_______________________________

#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>

____________________

كما يمكنك تغي مابلون اللأحمر