-->
اكتب ما تود البحث عنه و اضغط Enter

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

الرئيسية اضافة الاشتراك بالقائمة البريدية بشكل جميل بتقنية css




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

كيفية تركيب هذه الاضافة تابع معي

اولاً نقوم بالتوجه للوحة التحكم للبحث عن الكود ]]></b:skin>
ثم بعد ذلك نضيف فوقة هذا الكود



.rss {
width: 994px;
height: 80px;
padding: 10px 0px;
background: #F8F8F8;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px #ABABAB;
margin: 0 auto 20px auto;
}
.rss .btn2 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhheb7DnztKq0swzojQGsf8B0uNaKPKQI-jY2j9audcIZ57qPfgunnBdJIVQUHJ_q5ZIiKVfQ5z0n6fSjxIaoR__Mo_hH9UkSlQM0O6IKMohYfzPknSXqIVn6MDQ_v6Yztj6mUUORkWQ2Y/s1600/templateth3.png);
border: none;
width: 117px;
height: 36px;
margin: 0px;
cursor: pointer;
margin-top: 1px;
}
.rss .txt2 {
width: 178px;
padding: 10px;
border: 1px solid #D5D2D2;
margin-left: 5px;
border-radius: 5px;
text-align: right;
float: right;
font-family: Tahoma;
font-size: 13px;
color: #C1C1C1;
}
.rss span {
font-family: Arial;
font-size: 22px;
color: #7E7E7E;
}
.rss form {
margin-top: 10px;
}
.rss center {
width: 550px;
margin: 0 auto 0 auto;
}

ثم قم بحفظ القالب وتوجه للتخطيط وافتح ااداة Html/JavaScript
واضف الكود التالي





<div class="rss">
<center>
<div id="sleek-subscribe">
<div class="newsheadline"><span>توصل بمواضيعنا على ايميلك</span></div>
<form action="https://feedburner.google.com/fb/a/mailverify?uri=*****" class="signform" method="post" target="_new">
<input class="txt2" name="name" onblur="if (this.value == '') {this.value = 'إسمك الكريم';}" onfocus="if (this.value == ' إسمك الكريم ') {this.value = '';}" value="إسمك الكريم ">
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'أكتب بريدك الإلكتروني';}" onfocus="if (this.value == ' أكتب بريدك الإلكتروني') {this.value = '';}" value="أكتب بريدك الإلكتروني">
<input class="btn2" value="" type="submit">
</form>
<div class="clear">
</div></div>
</center>
</div>




 ثم غير***** باسم خلاصة مدونتك
احفظ الااداه بهذا الشكل




انتهى الشرح ومبروك الاضافة 

بنترست