إضافة رسالة ترحيبية بشكل غاية في الروعة 2014

السلام عليك ورحمة الله تعالى وبركاته

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

صورة عن الإضافة :

مثال للرسالة الترحيبية

كيفية تركيب الإضافة :

أولا 1: التخطيط==>إضافة أداة==>إختر أداة html/javascript

ثانيا 2: نضع هذا الكود مع تغيير ما باللون الأحمر.

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