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

طريقة إضافة صندوق الاشتراك في القائمة البريدية لمدونتكم اضافة بسيطة التي من الواجب أن توفرها لمتابعي مدونتك فعالة تمكن زوار موقعك من الاشتراك في القائمة البريدية الخاصة بموقعك حيث يستلمون نشرة دورية لمواضيع مدونتك المتجددة لذا أنا نقدم لك هذا الشكل البسيط و الإحترافي لكي تقدم خدمة نشرات مدونتك على أفضل وجه .

طريقة التركيب بسيطة فقط قم بالتوجه إلى صفحة التخطيط الخاصة بمدونتك ثم قم بإنشاء أداة جديدة إختر HTML/JavaScript ثم في محتوى هاته الأداة ضع هذا الكود ، ثم غير كلمة jamal بإسم المستخدم الخاص بمدونتك في موقع feedburner.google.com ، ثم إضغط على حفظ .

<style>
/*-------------------- font --------------------*/
@font-face {
font-family: "Ta3alamFont";
font-weight: normal;
font-style: normal;
src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot);
src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot?#iefix) format('embedded-opentype'),
url(https://dl.dropboxusercontent.com/s/gjkkuvnfze5ii1l/Ta3alamFont.woff) format('woff'),
url(https://dl.dropboxusercontent.com/s/mjj8mvkq7jgihhn/Ta3alamFont.ttf) format('truetype');
}
/*-------------------- #font# --------------------*/
.crouzalBEmail{
padding: 1px 5px 20px;
background: #FFBE00;
border-radius: 5px;
border: 1px solid #FFBE00;
}
.crouzalBEmail h3{
text-align: center;
font-size: 22px;
color: #383838;
font-weight: normal;
height: 40px;
}
.crouzalBEmail i{
margin: 0px 0px 0px 5px;
}
.crouzal-by-email-inner {
width: 280px;
    margin: 0 auto;
}
.crouzalByEmail td {
float: right;
width: 100%;
}
.crouzal-by-email-address {
width: 224px;
height: 40px;
border-radius: 0px 5px 5px 0px;
border: 1px solid #FFFFFF;
font-size: 14px;
padding: 0px 10px;
background: #FFFFFF;
margin: 0px 0px 0px -4px;
}
.crouzal-by-email-submit {
width: 56px;
border-radius: 8px 0px 0px 8px;
height: 40px;
font-size: 17px;
color: #FFFFFF;
background: #383838;
border: 1px solid #383838;
padding: 0px 5px;
cursor: pointer;
}
.crouzal-by-email-submit:hover {
color: #FFBE00;
}
</style>
<div class="crouzalBEmail">
<h3>
<i class="fa fa-envelope"></i>إشترك بالنشرة البريدية</h3>
<div class="crouzal-by-email-inner">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open("https://feedburner.google.com/fb/a/mailverify?uri=jamal", "popupwindow", "scrollbars=yes,width=550,height=520"); return true" target="popupwindow">
<table width="100%">
<tbody>
<tr>
<td>
<input class="crouzal-by-email-address" name="email" placeholder="ضع اميلك هنا" type="text" />
</td>
<td width="56px">
<input class="crouzal-by-email-submit" type="submit" value="إشترك الأن" />
</td>
</tr>
</tbody></table>
<input name="uri" type="hidden" value="jamal" />
<input name="loc" type="hidden" value="en_US" />
</form>
</div>
</div>

هدا كل شي مافي هده تدونة أتمنى أن يفيدكم فى أمان الله