اضافه اشترك فى البريد لبلوجر مثل الورد بريس

مرحبا شباب، اليوم وسوف تظهر لك كيفية إضافة عنصر واجهة مستخدم الاشتراك في البريد الإلكتروني مثل وورد بريس  في بلوجر . هذه الاضافه رهيبة تشجع على الاشتراك والتي يمكن استخدامها لزيادة المتابعين  لمدونتك الخاصه بك  وايضاً يجعل المدونهه الخاص بك ذو منظر المهنية والذكاء . وتثبيت هذه الاضافه من السهل جدا كل ما عليك هو يجب عليك  نسخ ولصق الكود التالى فى اداه Html/java script . وتعديل ما بلون الاحمر ( ********** ) برابطل فى فيد بنر الخاص بك .

<center>

<div align="center" id="**********-Subscribe-wrapper">

<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 240px;">

<h3 id="**********-title-text" style="color: white; font-size: 20px;">

GET FREE EMAIL UPDATES</h3>

<div id="**********-sub-title-txt" style="color: white; font-size: 14px;">

Join us for free and get valuable content delivered right through your inbox.</div>

<br />

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=*********', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<input class="name" id="*********_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Enter First Name" /><br />

<input class="email" id="*********_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />

<div class="separator" style="clear: both; text-align: center;">

</div>

<input name="uri" type="hidden" value="*********" /><input name="loc" type="hidden" value="en_US" /> <input id="*********_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>

</div>

</div>

</center>

<style>#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;

background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;

text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;

margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;

padding: 5px;border: none;}#ig-subscription-optin input.name {

background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioLwLuHQuX5kifPSyBJ2-BQlloljP638uO7FZCZXAs4tHt0r8nSRqQz4eoqR9AZzZ5fgul7Rgf-OvnrdZvTZfOkKGYFUGW5m37bY_9tKQwkTfsgV7HXYRKCZzVB4jVwGchqq_zkNhjBDD2/s1600/subscribe-name.png) no-repeat center right;}

#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;

font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}

مثال عملى حى على الاضافه يمكنك تجربتها المباشره تفضل ادخل اميك و اشترك مع فى مدونتى المتواضعه 

احصل على الجديد دائماً

ضع اميلك وتبعناً لتكون الاول للحصول على المشاركات الجيده .