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

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

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

تابعوا معي الشرح

صورة للإضافة 

طريقة التركيب

توجه الى بلوجر => تم التخطيط => اضف اداة HTML/JAVASCRIPT => الصق الكود التالي:

<div class="vidvid" id='skynet-emailsubsocial'> <div class='heading' style='font-family:GESSTwoMediumRegular;'> القائمة البريدية </div> <div class='emailsub'>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blog-skynet', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type='text' name='name' placeholder='ضع اسمك ...' /> <input type='text' name='email' placeholder='ضع اميلك ...' /><input type="hidden" value="blog-skynet" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="تسجيل الان" class="button"/></form>
</div>   </div>
<style type='text/css'>
#skynet-emailsubsocial {font-family:GESSTwoMediumRegular; width: 300px; height: 330px; border: 1px solid #ddd; border-radius: 5px 5px 0px 0px; }
#skynet-emailsubsocial .heading { font-family:GESSTwoMediumRegular;padding: 15px 25px; line-height: 35px; font-size: 26px; color: rgb(170, 170, 170); text-align: center; text-shadow: 0px 1px rgba(255, 255, 255, 0.75); background: none repeat scroll 0% 0% rgb(247, 247, 247); }
#skynet-emailsubsocial p { font-size: 13px; color: rgb(170, 170, 170); line-height: 25px; padding: 10px 20px 0 20px; margin: 0; } #skynet-emailsubsocial .emailsub {font-family:GESSTwoMediumRegular; padding: 0px 20px 10px 20px; } #skynet-emailsubsocial .emailsub input { color: rgb(170, 170, 170); padding: 10px; margin-top: 10px; font-size: 15px; width: 92%; border: 1px solid #ccc; border-bottom: 2px solid #ccc; border-radius: 5px; transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; }
#skynet-emailsubsocial .emailsub input:focus { border-color:#F4836A; outline: none; box-shadow: 0 0 2px 1px #F4836A; }
#skynet-emailsubsocial .emailsub .button {font-family:GESSTwoMediumRegular; background: #F4836A; color: white!important; border:none; outline: none; border-bottom: 3px solid #B3614E; transition:background .4s linear; width: 90%; margin-right: 5%; margin-left: 5%; cursor:pointer; } #skynet-emailsubsocial .emailsub .button:hover{ background: #DD7761; }
 </style>

تم غير blog-skynet بخلاصة مدونتك

حفظ التغييرات ومبروك عليك الإضافة.