إضافة أداة ضع أميلك ليصلك كل حديدنا بطريقة احترافية

إضافة أداة ضع أميلك ليصلك كل حديدنا بطريقة احترافية

ضمانا للمحافظة على إستمرارية توافد الزوار إلى مدونتك سأقدم لكم أداة جد رائعة على شكل ظرف الرسائل والتي تتيح لزوار مدونتك الإطلاع على كل ما هو جديد ومتعلق بمدونتك. فما على الزوار سوى وضع بريدهم الإلكتروني الخاص بهم في علبة الإشتراك الخاصة بك ليتمكنو من التوصل تلقائيا على بريدهم الإلكتروني إلى كل ما هو جديد وحصري في مدونتك, وهي وسيلة فعالة للحفاظ على زوار مدونتك وأنا شخصيا أنصح بها كل مدون قد شق خطواته الأولى في عالم الـ 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/AVvXsEjzADUM0LKry427dkL7vcljk6mxCf4WORhzj49GZpU9TSn4bOf7e-1tg4zgxOoWSJPZ8K5vN0uGYTdeWviBq28PJqme0srF73k_GXOb-FPeF6qLk8kcQb8CSbxgW_Kyv8gy7dSBeK-2QCw/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, 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/AVvXsEh7C_uEcgOU44SGkO1rhjhv2XYJOO0Nmha3Z6ATs9SnpCP5rFVT9w_nyzpCa2080TfWs-0Js2FgH-zlRvGzckj3qUCAbSuBM9kD3zwLlzQJNKY0bamJefLhATrioJkEz_8DuG5YBhDzJRk/s1600/send.png);

float:left;

border:none;

width:104px;

height:33px;

cursor:pointer;

margin-top:1px;

}

</style></center>

 نقوم بتغير ما كتب بالأحمر إلى رابط التغدية الخاص بك أي خلاصتك

إن أعجبك الموضوع نرجو نشره