السبت، 15 يوليو، 2017

تركيب أداة إشترك فى القائمة البريدية بشكل إحترافى وجميل v2 | الإصدار الثانى


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

شرح أداة اشترك فى القائمة البريدية 

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


ثانياٌ: بعد ضغط الزائر على كلمة إشترك سينبثق له واجهة أمامه سيقوم  بكتابة كود التأكيد الألى ReCaptha حتى يتحقق منه وبعد ذلك يضغط على Complete Subscription Request وسيتم توضيع ذلك من خلال الصورة التوضحية .


ثالثاٌ: وبعد ذلك سيتم اشتراك الزائر فى الخلاصة البريدية الخاصة بموقعك وسيتم ارسال له إشعار كامل + اللينك الخاص بالتدوينة فى صندوق الرسائل الإلكترونية ومبروك لك وللزائر وتكون انت اكتسبت المتابعين .


شرح تركيب أداة إشترك فى القائمة البريدية

يجب عليك اولاٌ وضع كود الأستايل الخاص بالأداة Css ويتم وضعه فوق وسم 
]]></b:skin>
.follow-by-email-inner input{width:100%;border:1px solid #365899;font-size:16px ;text-align:center;padding:10px;font-family:Mahdi-font;border-radius: 3.5px;font-weight: 500;font-size: 17.9px;}
input.follow-by-email-address {line-height: 23px;font-family: Mahdi-Font;width: 313px;}
.follow-by-email-inner:before {content: "أدخل بريدك الإلكترونى الأن للحصول على جميع المقالات الحصرية فى التقنية ولاتنسى التأكيد بعد الإشتراك";text-align: center;margin-bottom: 10px;display: -webkit-inline-box;font-weight: 500;font-size: 16px;color: #365899;}.follow-by-email-inner td{width:100%;display:block}.follow-by-email-submit{color:#fff;margin-top:5px;border:0!important;background: #365899;border-radius:2px;cursor:pointer}
.follow-by-email-submit:hover{background:#365899}
#FollowByEmail1 .widget-title h2 {color: #365899;}
#FollowByEmail1 .widget-title h2:after{content:"\f003";font-family:FontAwesome;background-color: #CF000F;}
#FollowByEmail1 .widget-title h2::before {background-color: #CF000F;}
#ContactForm1 {display: none;}
هذا هو الكود التى سوف يتم من خلاله ظهور استايل الخاصة بالقائمة البريدية والأن نأتى الخطوة الثانية وهى تركيب هيكل الأداة 
يجب عليك البحث عن وسم </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=masrawy-web' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=masrawy-web&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='masrawy-web'/><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>
ثم بعد ذلك إضغط على حفظ المظهر وستذهب الى التخطيط وستذهب الى السيدبار وتضغط على اضافة اداة وختار متابعة عبر البريد الإلكترونى وضع الإسم إشترك فى النشرة البريدية ويلزم كتابتها هكذا حتى تظهر حسب المعرف الخاص بها وأضغط على حفظ ستجد الأداة قد ظهرت مبروك عليك الى هنا نكون قد وصلنا الى نهاية التدوينة لاتنسى ان تشتركوا فى القائمة البريدية حتى يصل لك الجديد من المقالات والتدوينات الحصرية فى مكتبة بلوجر وأيضاٌ شاركوا التدوينة مع اصدقائكم فى موقع التواصل الإجتماعى حتى تعم الفائدة واتمنى من الله ان يدخلنا الجنة جميعاٌ مع رسولنا محمد صلى الله عليكم وسلم وأن يرزقنا الفردوس الأعلى سلام عليكم ورحمته الله وبركاته.


5 تعليقات على " تركيب أداة إشترك فى القائمة البريدية بشكل إحترافى وجميل v2 | الإصدار الثانى "

على ما يبدو انك نسيت ووضعت اكواد css بدلاً من اكواد HTML تحت وسم body
الرجاء التعديل ☺
==============
التوقيع
==============
اتشرف بزيارتك لمدونتى : https://t3chno-geek.blogspot.com

مصراوي ويب لماذا اغلب اشيائك من مدونة البروفيسور الصغير

شكراٌ ليك ولتنبيهيك تم التعديل

حاول تقارن بين ممدونتى وبين مدونة البروفيسور الصغير والمواضيع اللى هتلاقيها مشابهة ارسلها لى

حتي الختم في النهاية منة كفي نفاق