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

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

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

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

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

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

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

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

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

√ فى انتظار تعليقاتكم المشجعة على تقديم المزيد √ 

من فضلك اضغظ لايك لمشاهدة لينك التحميل