بسم الله الرحمن الرحيم
السلام ليكم ورحمة الله وبركاته
اهلا بكم مرة اخرى في مدونة سكربتاتي
في هذا الدرس الجديد سوف اقدم لكم اضافة اداة اشترك ليصلك الجديد
الاضافة هي حصريه فقط في مدونة سكربتاتي
معاينة الاضافة بالصورة
المعاينة الاداة HTML
طريقة التركيب
- اذهب الى بلوجر
- اختر تخطيط
- اضغط على اضافة اداة
- اختر HTML/JavaScript
- اضف الكود التالي في المربع
<center> <div class="sub"> <h5> ضع إيميلك ليصلك كل جديد موقع</h5> <div class="ins"> <div id="sleek-subscribe"> <form action="https://feedburner.google.com/fb/a/mailverify?uri=scriptati" class="signform" method="post" target="_new"> <input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا';}" onfocus="if (this.value == 'ضع اميلك هنا') {this.value = '';}" value="ضع اميلك هنا" /> <input class="btn2" type="submit" value=" " /> </form> </div> </div> </div> <style> .sub{ width:290px; height:130px; background:url(http://www.freevectors.net/files/large/RedVectorBackground.jpg); } .sub h5{ color: #2d2d2d; font: 22px arial; margin: 0; font-family: VIP_Rawy_Thin; padding: 13px 0 0 0; text-align: center; } .sub .ins{ width:261px; height:35px; margin: 12px auto 0; } .sub .ins .txt2{ border: 1px solid #E1E1E1; background: white; font: 12px Tahoma, Geneva, sans-serif; color: silver; padding: 10px 7px 9px 7px; margin: 0px; float: right; text-align: right; height: 9px; width: 136px; } .sub .ins .btn2{ background: url(http://www.foxpic.com/V0lIiCcz.png); float: left; border: none; width: 83px; height: 26px; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTaYmfUMR7xk1fVbwkCRhcGu7RzerP5jzNwv4onCr68X25boBctPT1U3yHr92OfnRqxMI5LdhYQIL9qtKmg70fhS3x9bZTarga2XPhd0nSZn9-xsvByf7CoNo5pkiruYqbgd5kghCr6DE/s320/chm.png),pointer; -moz-transition: all .3s ease 0s;; margin-top: 1px; } </style></center>
غير ما بلون الاحمر برابط الخلاصة مدونتك
الى هنا انتهى موضوعنا
السلام عليكم ورحمة الله وبركاته
اذا اعجبك الموضوع لا تبخل بالردود المشجعة
جزاك الله خيرا
ردحذفوشكرا على الموضوع واشترك برابط الخلاصة في مدونتك
تدلل اخي
حذف