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

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

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

طريقة اضافة هاته الاضافة سهل جدا يتوجب عليك فقط ان تدخل لتخطيط وتضف اداة جديدة ثم تختر اداة   ثم تقوم بوضع الكود التالي في داخل  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/AVvXsEjRyGryei_I55PP7kKnrqGHv2NnRxALwOz1Y47uPG7Z5ZI5rpky0fYJ4nJOmiDemPl082_tgMt5AGjNElvwb-tg7x4IT12oZR-ZRFlzEjmePLeo329SXq1e87ttdaWT9oi_XN7gaVAyRZxj/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