بسم الله الرحمن الرحيم
السلآم عليكم ورحمة الله وبركاته اسعد الله واقاتكم بكل خير .اليوم اقدم لكم إضافة مميزة وجميلة وهي عبارة عن صنوق الاشتراك بالقائمة البريدية. الاضافة جميلة جدا وشكلها بسيط . يتناسب مع جميع المدونات.
ادخل مدونتك .
الدخول إلى القالب ثم تحرير HTML
نضيف الكود التالي قبل ]]></b:skin>
.ins{
width: 100%;
height:63px;
margin-top:19px;
}
.ins .txt2 {
border: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5oL4VvJnopA3ErQ2-z0wrb-GSTY5CYnruHqG3Tw5HeXsgep4v86RqXkPguqZA_nzh4k519H69i22qvVDZcYT6s-S5qS1axHQ5BTyKtvfD8HllGlIloH8Pa5p8mW9_QLN34LJ01GUtSjo/s1600/back-sub.png);
font: 13px Tahoma, Geneva, sans-serif;
color: #adadad;
padding: 24px 7px 23px;
float: right;
margin: 0;
text-align: right;
width: 243px;
}
.ins .btn2 {
background: #ffb546 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuFwNqbfrTje2kL68F2LkSKI_GxOMA0KcboL_K6RmXoMhS02TEImjhMkYlo2WCPkIsO1Hsg7CPKLFipPMzSOysFQB6aHkSXE3VOeGS90bSTpmFL0s58jyfTkEU499HMNdy_Xw3cCIy3Mw/s1600/btn-sub.png) center no-repeat;
float: right;
border: none;
border-right: 3px solid #ffa116;
width: 63px;
height: 63px;
cursor: pointer;
}
.ins .btn2:hover {
background: #ffb546 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXFfBa98y45Fx1XUmOizYAdCfYI3kUFRxaLpDxyDQqJZBkP7B3Wiq-pwCY6qPPFWjJ5VQY1RgHyrhR15xydri2wYWTfJgS7zZmrIrqU5gUQtr1KphoaXKW1PayT62HKt09igIN4UhhVI0/s1600/back-sub2.png) center no-repeat;
}
ثم توجه الى تخطيط ثم قم باضافة HTML/JavaScriptواضف الكود التالي
<div class="ins">
<center>
<div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open("http://feedburner.google.com/fb/a/mailverify?uri=ta3alam-it-security/zxYd", "popupwindow", "scrollbars=yes,width=550,height=520"); return true" target="popupwindow">
<input class="follow-by-email-address txt2" name="email" placeholder=" ضع ايميلك هنا ليصلك كل جديد" type="text" />
<input class="follow-by-email-submit btn2" type="submit" value="" />
<input name="uri" type="hidden" value="3rab-computer/zxYd" />
<input name="loc" type="hidden" value="en_US" />
form>
div>
center>
div>
ثم اعمل حفظ
وتمتع بالاضافة
اي سؤال او اي استفسار الرجاء ترك تعليق بالاسفل
ليست هناك تعليقات:
إرسال تعليق