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




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

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

  1. أولاً قم بالدخول إلى لوحة تحكم بلوجر
  2. توجه إلى قسم قالب
  3. أنقر على تحرير HTML
إبحث عن وسم ]]></b:skin> وأضف الكود التالي فوقه
/* Subscribe Box */
#subscribe-css{position:relative;padding:20px 0;background:#444444;overflow:hidden;border-top:4px solid #eee;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field{font-family: droid arabic kufi;background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0}
.subscribe-css-email-button{font-family: droid arabic kufi;background:#AD0606;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;border:0;border-radius:3px;transition:all .6s}
.subscribe-css-email-button:hover{background:#ea2828;}
#subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
#subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
#subscribe-css p.subscribe-note span.itatu {font-weight:400;color:rgba(255,255,255,.6);text-transform:lowercase}
#subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
#subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
#subscribe-css:hover p.subscribe-note span:before{width:100%;}

إبحث عن وسم </body> وأضف الكود التالي فوقه
<div id='subscribe-css'>
<p class='subscribe-note'><span>اشترك بالقائمة البريدية لمدونتنا</span> <span class='itatu'></span></p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=asrtech' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=asrtech&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='asrtech'/><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>

ثم إستبدل asrtech بمعرف Feedburner مدونتك ، ثم اضغط حفظ القالب

وبعد كتابة الزائر البريد الإلكتروني وضغط على زر الإشتراك سيتوصل برسالة على البريد الخاص به لتفعيل المدونة ، وعند نشر موضوع سيتم نشره على القائمة البريدية للمشركين في مدونتك .

إرسال تعليق

0 تعليقات