إعداد وإضافة نموذج إشترك في البريد الإلكتروني من موقع فيد برنر feedburner

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

feedburner

شرح اعداد نموذج إشترك في البريد الإلكتروني من موقع فيد برنر feedburner

بعد الذاهاب لموقع فيد برنر feedburner  ان كنت لم تسجل الدخول بحساب الجيميل Gmail الخاص بك فيتوجب عليك التسجيل, سوف تجد الصفحة الاولي كما بالصورة التاليه:-

تقوم باضافة عنوان الخلاصة والضغط علي التالي كما بالصور غير فقط templatesblogger0.blogspot.com برابط مدونتك.

http://templatesblogger0.blogspot.com/feeds/posts/default

بعد الانتقال للصفحة التاليه

تقوم بكتابة اسم مدونتك باللغة العربية او الانجليزية كما تريد مثل قوالب بلوجر معربة. سوف تجد الخانة الاخري التي تحت كلمة HRYRG التي تعتبر معرف مدونتك لدي موقع  فيد برنر feedburner يمكنك تغيرها باسم مدونتك ان الاسم مختصرا ولكن افضل ان تبقي كما هيا    blogspo /HRYRG  وللعلم هيا متغيرة عند عمل نموذج خاص بمدونتك تجدها كلمه اخري يمكن ان تغيرها والافضل ان  تتركها كما هيا, بعد ذلك تقوم بالضغط علي التالي Next .

ملحوظة

يجب النسخ والاحتفاظ بمعرف مدونتك علي موقع فيد بنر لانك ستحتاجه قريبا.

بعد ذلك تظهر الصفحة التالية.

تقوم بالضغط علي التالي Next

ستظهر صفحه اخري كما الصور السابقة تضغط التالي Nexr

ثم ايضا التالي Next كما بالصوره السابقة

ثم الضغط علي publicize

ثم الضغط علي Email Subscriptions

ثم الضغط علي تفعيل Activate 

بعد اعداد  نموذج إشترك في البريد الإلكتروني من موقع فيد برنر feedburner حان وقت  كود الاضافة الذي سوف يتم وضعه بالمدونة

لمعاينة كود الاضافة  بمظهر حي  اضغط علي معاينة

معاينة

هذا هو كود الاضافة سيتم وضعة في اداة HTML/JavaScript

<style>
.sub-box{
width: 260px;
padding:10px;
border: 2px solid #000;
border-radius: 15px;
}
.sub-box:hover{
border-style:dashed; 2px solid: #389af2;
}
form.emailform{
margin:5px 0 0;
display:block;
clear:both;
}
.emailtext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhckqhkwdf5W-f7x5jgfHicC1bpBgc3KpccgTT-Bs1e4d__8FnpN0_gN7_fFfADAtVR06pPxR3gOx3xXEtju-JcaWRS4lD0_JmBYXiH1aepcTEspWJKgWgQkaGUJ1GvXKdveLQ2_doYq1-Y/s1600/ot-mail.png) no-repeat scroll 4px center #EFEFEF;
padding:7px 15px 7px 35px;
color:#444;
font-weight:bold;
text-decoration:none;
border:1px solid #8D8D8D;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width: 120px;
}
.emailtext:focus{
outline: none;
}
.sub-button{
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 10px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-goog-ms-border-radius: 5px;
border-radius: 5px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
.sub-button:hover{
background: -moz-linear-gradient(top, #e7e7e7 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
}
</style>
<center>
<div class='sub-box'>

إشترك بالبريد الإلكتروني ليصلك جديدنا
ستصلك رسالة للتفعيل عبر البريد لإكمال الإشتراك
<div style="text-align: left; display: inline-block;">

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

<input class="emailtext" name="email" onblur="if (this.value == "") {this.value = "إيميلك هنا . .";}" onfocus="if (this.value == "إيميلك هنا . .") {this.value = "";}" value="إيميلك هنا . ."  type="text" value="أدخل إيميلك هنا " />
<input name="uri" type="hidden" value="http://feedburner.google.com/fb/a/mailverify?uri=HRyRG" /><input name="loc" type="hidden" value="en_US" />
<input type="submit" class="sub-button" value="إشتــرك" title='' alt='' />
</form>
</div>
</div>
</center>

التنسيق :-

قم باستبدال HRyRG وهو معرف مدونتك بموقع فيد برنر الذي اكدت علي نسخة والاختفاظ به مسبقا بمعرف مدونتك وهو مكرر في كود الاضافة 3 مرات.

تاكيد بالصورة علي معرف فيد برنر