ضع إيميلك ليصلك جديد مدونة فور نيت

أخر التعليقات

السبت، 27 أبريل 2013

اضافة الاشتراك بالقائمة البريدية بشكل جميل وجذاب بتقنية 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/AVvXsEjsV9Qx5nZ9iilSzdYdHTI9u1t_fzVNw9WJbjTa5xttLD8i3cR4RIL9L374aH_myylrEmKmgXWuSRCHF2Gq7g4Gm5P6WTxQdF_CRXvsOlICDO_otoJC1T9zAW6btobIuQGu36KzTN5nQXk/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=04net/AMHc" 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>


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

قم الان بالحفظ ومبرووك عليك الاداة

0 التعليقات:

إرسال تعليق