إضافة أداة ضع أميلك ليصلك كل حديدنا بطريقة احترافية
ضمانا للمحافظة على إستمرارية توافد الزوار إلى مدونتك سأقدم لكم أداة جد رائعة
على شكل ظرف الرسائل والتي تتيح لزوار مدونتك الإطلاع على كل ما هو جديد ومتعلق
بمدونتك. فما على الزوار سوى وضع بريدهم الإلكتروني الخاص بهم في علبة الإشتراك
الخاصة بك ليتمكنو من التوصل تلقائيا على بريدهم الإلكتروني إلى كل ما هو جديد
وحصري في مدونتك, وهي وسيلة فعالة للحفاظ على زوار مدونتك وأنا شخصيا أنصح بها كل
مدون قد شق خطواته الأولى في عالم الـ Blogger.
للحصول على هاته الأداة على
مدونتك ما عليك سوى الذهاب إلى لوحة تحكم الـBlogger الخاصة بمدونتك.
ثم نظيف أداة add a Gadget
بعد ذلك نختار إظافة Html/JavaScript
بعد ذلك نقوم بنسخ ولصق الكود
التالي:
<<center>
<div class="sub">
<h5>
ضع إيميلك ليصلك كل
جديد موقع</h5>
<div class="ins">
<div
id="sleek-subscribe">
<form action="رابط
التغدية الخاص بك"
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:290px;
height:130px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqLRf4GuP6bpFcf_dbIzvJpvPXrcQYVw1BVgJqdiSpgMhjFwIe1aOyCYGGuVb-BrREdLxwwXTQEdAW_cKNOolSvIQNpm6DwJr0WpHsUO2ZgmPkaokvIBiJlCyg5wLNK6JrDwfCG4IMyck/s1600/bg.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,
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/AVvXsEgr13WghyNZXdWKtt46Oy-9xhF6XKgafmsO-d78v8WfYcVK7M3gp_sjUbRDTomamOmd-CKt3GeOvAL8BqVDgeW-MRktOI_q7brUv1KiQajK_MZ_eWCmESlQl7eQHXY_l_IjLB-YCBHlkhw/s1600/send.png);
float:left;
border:none;
width:104px;
height:33px;
cursor:pointer;
margin-top:1px;
}
</style></center>
تنبيه : أرجو عدم نسخ المحتوى بدون ذكر المصدر و السلام
تعليقك يساعدنا على المواصلة و يدعمنا نفسيا فلا تبخل علينا برأيك
0 التعليقات:
اظغط هنا لاظهار صندوق التعليقات
إرسال تعليق
Blogger Widgets