اضافة الاشتراك بالقائمة البريدية بشكل جميل وجذاب

الكاتب : mUsTaPha التاريخ : 8:31 ص

إضافة صندوق الإشتراك في القوائم البريدية 

اقدم لكم كيفية  إضافة صندوق الإشتراك في القوائم البريدية بشكل مميز

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

توجه للتخطيط وافتح ااداة Html/JavaScript

واضف الكود التالي:

<style> #mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#767474), to(#080808));;border:1px solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)} #mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:13px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px} #mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:11px;padding:3px;text-shadow:1px 1px 0 #FFF;width:144px; color:#666; font-family:georgia; margin-bottom:5px;height: 25px;} #mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#7DBBF9), to(#0CA5EC));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;height: 30px;text-shadow:0 1px 2px #000;width:90px; font-family:georgia; margin-left:5px;} #mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent} #mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent} </style> <b:if cond='data:blog.pageType == "item"'> <div id='mbt-sub-box'> <h1> توصل بمواضيعنا على ايميلك</h1> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=reapweb', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <center> <input name='email' onblur='if (this.value == "") {this.value = "أدخل بريدك الإلكتروني هنا ";}' onfocus='if (this.value == "أدخل بريدك الإلكتروني هنا") {this.value = ""}' size='30' type='text' value='أدخل بريدك الإلكتروني هنا '/> <input name='uri' type='hidden' value='reapweb'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='إشترك الأن'/></center> </form> </div> </b:if>

- قم بتغير رابط الخلاصة reapweb  برابط خلاصة مدونتك.

- قم بتعديل النص ( توصل بمواضيعنا على ايميلك) إن أردت ذالك أو اتركه كما هو سيظهر هذا النص فوق خانة البريد الإلكتروني.