اظافة رسالة ترحيبية لمدونات بلوجر-Blogger

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

كيف الحال إخواني الكرام ... لاقاني بكم  الله في تدونة جديدة و مفيدة جدا لأصحاب المدونات و المواقع التي على منصة بلوجر

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

 لن أطيل عليكم بالحديث إخواني الكرام ...... إليكم طريقة الإظافة نتابعها و أياكم :)

1. قم بالدخول إلى موقع BLOGGER 
2. ثم إختر المدونة التي تريد أن تدخل الإظافة بها
3. ثم قم بالدخول إلى التخطيط 
4. اختر إظافة أداة ثم HTML/JAVASCRIPT
5. قم بادخال الكود التالي :

<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>
  6. إعمل الإظافات اللازمة على الكتابة التي هي باللغة العربية و لا أنصحك بتغيير أي شيء في الأكواد
  7. قم بعمل save أو حفظ و بعدها حفظ الترتيب .
 إلى هذه النقطة إخواني الكرام تنتهي تدوينتنا لليوم :)

يمكنك ترك تعليق تضع فيه رأيك حول الموضوع

هل اعجبك الموضوع ؟

شارك و عبر عن رأيك تجاه الموضوع