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

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

طريقة الاضافة

طريقة اضافة هاته الاضافة سهل جدا يتوجب عليك فقط ان تدخل لتخطيط وتضف اداة جديدة ثم تختر اداة   ثم تقوم بوضع الكود التالي في داخل  HTML/javascriot الاداة

<div class="widget-content"><style>/* CSS Subscribe Box */#subscribe-box {width:100%;height:auto;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZl4YpA59x-uRehSPZ2rqv-Rr8aDAJ_cq7iL6JfyM85-w7sQKQjYuveeQHGL4gnTTOMjmBoBT5K6yTYnf2m2Uqy6FR-ZcDNRMwuUograrRc5qXCI-ZqImAdHi4vkNTbmF9PUFlSBatuE/s1600/sidebar-email-bg.jpg) no-repeat;margin: 0 -5px;}#subscribe-box .title {background:#f8a82a;color:#fff;font-family:&#39;Oswald&#39;,sans-serif;font-size:20px;font-weight:400;margin:0 0 0 0;padding:12px 65px 12px 15px;position:relative;transition:all .5s ease-out;}#subscribe-box p {font-family:droid arabic kufi;;font-size:13px;color:#E4E4E4;line-height:50px;padding:79px 20px 0 20px;margin:0;text-align: center;}#subscribe-box .emailfield {padding:0px 20px 10px;}#subscribe-box .emailfield input {background:#3a3a3a;color:#bbb;padding:10px;margin:10px 0 0 0;font-size:13px;font-family:Electrolize,ge_ss_threeregular ;width:90%;border:0;border:1px solid transparent;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield input:focus {outline:none;background:#fff;color:#666;border:1px solid #f8a82a;}#subscribe-box .emailfield .submitbutton {background:#1CAEDF;color:#fff!important;text-transform:uppercase;font-weight:bold;border:none;outline:none;width:100%;cursor:pointer;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield .submitbutton:active {padding-top:11px;padding-bottom:9px;}#subscribe-box .emailfield .submitbutton:hover{background:#33BDEC;color:#fff;}</style><div id="subscribe-box"> <p>اشترك لتحصل على اجدد المواضيع.</p> <div class="emailfield"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=rLqALt', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input type="text" name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot; اسمك الكامل&quot;;}" onfocus="if (this.value == &quot; اسمك الكامل&quot;) {this.value = &quot;&quot;;}" value=" اسمك الكامل"> <input type="text" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;بريدك الإلكتروني&quot;;}" onfocus="if (this.value == &quot;بريدك الإلكتروني&quot;) {this.value = &quot;&quot;;}" value="بريدك الإلكتروني"><input name="uri" type="hidden" value="rLqALt"><input name="loc" type="hidden" value="en_US"> <input class="submitbutton" type="submit" value="اشترك الأن!"> </form> </div></div></div>

نشكرك على المتابعة تابعنا للمزيد من الاضافات الرائعة

ولا تنسى تغير mailverify بمعرف حسابك فيfeedburner