الثلاثاء، 30 أغسطس 2016

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





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

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

  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 مدونتك ، ثم اضغط حفظ القالب

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

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"