كود جميل للأشتراك فى القائمة البريدية
اليوم أول موضوع لمدونة عرب سوفت بعد حذف المدونة و إن شاء الله يكون مفيد لأصحاب المدونات
اليوم معانا أضافة يجب أن تكون فى أى مدونة وهى أضافة للأشتراك فى القائمة البريدية و كل مدراء المدونات يعلمون أهمية هذه الأضافة لكسب الزيارات للمدونة
واليوم حبيت أضع لكم كود ذات شكل جميل
وهذا رابط للمعاينة
1 - قم بالذهاب إلى تبويب التخطيط
2 - قم بإختيار إضافة أداة
3 - أختار نوع الأضافة HTML/JavaScript
4 - ضع بها هذا الكود
<center>
<div class="sub">
<h5>
ضع إيميلك ليصلك كل جديد المدونة</h5>
<div class="ins">
<div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=3rab-tech" '="" class="signform" method="post" target="_new">
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع ايميلك هنا';}" onfocus="if (this.value == 'ضع ايميلك هنا') {this.value = '';}" value="ضع ايميلك هنا" /> <input class="btn2" type="submit" value=" " /> </form>
</div>
</div>
</div>
<style>
.sub{width:300px;height:130px; background-image:url(http://goo.gl/2Vcbf); background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieZx1D0mqkUi41Vnlkb5Ux62Sd1wr-vkyloAyLxPwbeZVQyhyphenhyphenloCI3GgJUgIMq9eKRPp79mKWat4HRT-825fGqvYKcidjPb87yU1sCFaSLhY-8X2whKNaEj6FpVi4r6i7KgkrVUaPIy7w/s1600/Cadre.png);}.sub h5{color:#2d2d2d;font:22px arial;margin:0;padding:25px 0 0 0;text-align:center;}.sub .ins{width:261px;height:35px;margin:12px auto 0;}.sub .ins .txt2{border:1px solid #E1E1E1;background:white;font:12px Tahoma,Geneva,sans-serif;color:silver;padding:10px 7px 9px 7px;margin:0px;float:right;text-align:right;width:136px;}.sub .ins .btn2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZzRmrtPjpzPwtURzbmtwHW9EXft95l1U7Unqr1z14dCJHf0HIhXVybVJeXpeyNahGCBaHBchSaRhOGf78DU1mRsLI4ADEbycdB_Uz0pRNz5Z2ngZAhcCwb_w-kboqYLnvbM0B4kHAKbo/s1600/send.png);float:left;border:none;width:104px;height:33px;cursor:pointer;margin-top:1px;}
</style>
</center>
<div class="sub">
<h5>
ضع إيميلك ليصلك كل جديد المدونة</h5>
<div class="ins">
<div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=3rab-tech" '="" class="signform" method="post" target="_new">
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع ايميلك هنا';}" onfocus="if (this.value == 'ضع ايميلك هنا') {this.value = '';}" value="ضع ايميلك هنا" /> <input class="btn2" type="submit" value=" " /> </form>
</div>
</div>
</div>
<style>
.sub{width:300px;height:130px; background-image:url(http://goo.gl/2Vcbf); background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieZx1D0mqkUi41Vnlkb5Ux62Sd1wr-vkyloAyLxPwbeZVQyhyphenhyphenloCI3GgJUgIMq9eKRPp79mKWat4HRT-825fGqvYKcidjPb87yU1sCFaSLhY-8X2whKNaEj6FpVi4r6i7KgkrVUaPIy7w/s1600/Cadre.png);}.sub h5{color:#2d2d2d;font:22px arial;margin:0;padding:25px 0 0 0;text-align:center;}.sub .ins{width:261px;height:35px;margin:12px auto 0;}.sub .ins .txt2{border:1px solid #E1E1E1;background:white;font:12px Tahoma,Geneva,sans-serif;color:silver;padding:10px 7px 9px 7px;margin:0px;float:right;text-align:right;width:136px;}.sub .ins .btn2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZzRmrtPjpzPwtURzbmtwHW9EXft95l1U7Unqr1z14dCJHf0HIhXVybVJeXpeyNahGCBaHBchSaRhOGf78DU1mRsLI4ADEbycdB_Uz0pRNz5Z2ngZAhcCwb_w-kboqYLnvbM0B4kHAKbo/s1600/send.png);float:left;border:none;width:104px;height:33px;cursor:pointer;margin-top:1px;}
</style>
</center>
5 - فم بتغيير ما باللون الأحمر برابط حسابك فى خدمة FeedBurner
6 - قم بحفظ الأداة وضعها بالمكان الذى تريده
التعليقات على الموضوع