اضافه اداه الاشتراك في القائمه البريديه احترافيه

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

اليوم اقدم لكم اداه الاشتراك في القائمه البريديه 

شكل احترافي وحصري

اولا قم بالذهاب الي التخطيط

اضافه اداه

Html/javascript قم بإختيار اداه

ثم قم بوضع اي عنوان 

واضف الكود التالي في الصندوق

<style>
#subscribe-css {margin:0;padding:0;float:right;display:block;position:relative;}
.subscribe-wrapper {background:#525c6b;width:260px;height:200px;color:#fff;font-size:14px;font-family:'Open Sans';line-height:20px;padding:40px 20px 10px 20px;text-align:center;border-radius:3px;}
.subscribe-wrapper p {margin:0;margin-bottom:30px;}
.subscribe-form {clear:both;display:block;margin:10px 0;overflow:hidden;}
form.subscribe-form {clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden;}
.subscribe-css-email-field {background:#454e5b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI1eNuIs6QISNuF1h13CKYx_tLOht4h_nA8XjbTIeYxQ6BFG4PBmm8GGXJAm09Wxb2rvYkkyc-OIOuX0umwOMQ66Cvf5a_wkQVTPFwwKj2DBmsa6MuX8KcWiF6c3rzex5XOGPmxEeSo_kX/s1600/sprites.png) no-repeat 1px -27px;color:#fff;margin:0 0 15px;padding:12px 40px;width:100%;border:none;}
.subscribe-css-email-button {background:#f0b26f;color:#fff;cursor:pointer;font-weight:700;
padding:10px;text-transform:none;width:100%;border:none;font-size:17px;transition:all .5s ease-in;border-radius:3px;transition:all 0.3s ease-out;}
.subscribe-css-email-button:hover {background:#e5a054;color:#fff;}
</style>
<div id='subscribe-css'>
<a href='http://ayanatech.blogspot.com/'/>
<div class='subscribe-wrapper'>
<p style='font-family:ge_dinar;'>اشترك في القائمه البريديه يصلك كل جديد</p>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=ayanatech' class='subscribe-form' method='post' onsubmit='window.open (&#39;http://feedburner.google.com/fb/a/mailverify?uri=ayanatech&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='ArlinaDesign'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='ادخل بريدك الالكتروني'/><input class='subscribe-css-email-button' title='' type='submit' value='اشتراك الان'/></form>
</div>
</div>
</div> 

قم بالبحث داخل الكود عن اي كلمه

Ayanatech

وغيرها بمعرف فيدبارنر

الان انتهي الدرس

شكرا لمتابعتكم اذا اعجبتكم الاداه لاتنسوا التعليق المشجع