اضافة صندوق الاشتراك بالقائمة البريدية مثل مدونة تعلم الامن المعلوماتي
السلام عليكم ورحمة الله وبركاته ... اعضاء المدونة الكرام . اسعد الله واقاتكم بكل خير ... اليوم جئت لكم باضافة مميزة وجميلة . ( صنوق الاشتراك بالقائمة البريدية ) .. مثل مدونة تعلم الامن المعلوماتي .. الاضافة جميلة جدا وشكلها بسيط . يتناسب مع جميع المدونات.
للاضافة نفذ الاتي
1- اول شيئ اذهب للوحة تحكم بلوجر ثم قالب ثم تحرير .
ثم قم بالبحث عن ]]> واضف قبلة الكود الاتي
.ins{
width: 100%;
height:63px;
margin-top:19px;
}
.ins .txt2 {
border: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisRVDK52Wd1PdhLNF19YinMT_JDPgLzeP5nxwnVjTayqLITUuSTI3juRvVR2xFh6pMIZMkzpgnzbU-RlOAZS6PvP6ypVEDdVf0_it9B6S1thctgKtm2gj8fvSgTXkMpMZ2hPU7xN1GDD0/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/AVvXsEj0fwFBJGS-neub3Z47GDqU8c5BoQw-yZ_cfosWtzjqx5kLjkfnKtA6qcl0UmLF_XnP_7GqKrL-LEmcGn0ir-nKj3DiAdC-dBtBDYDBE_Yg6WPzej3GVErlnt2vYwSXtDkHsxNw8cZ3dMM/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/AVvXsEh3hcEoVsLWzV7EkASjCsVHbWsjtkvIJkYgna0dzuNa6wcdLY5QsPczHlIfwm65WTWdFM7WMQWpCQCMsQJQrqBVXSmahBYyIafpdzxDqGZqDAyef1wvqJEJd4GpvsIkWytltSJ-eEmEjAk/s1600/back-sub2.png) center no-repeat;
}
width: 100%;
height:63px;
margin-top:19px;
}
.ins .txt2 {
border: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisRVDK52Wd1PdhLNF19YinMT_JDPgLzeP5nxwnVjTayqLITUuSTI3juRvVR2xFh6pMIZMkzpgnzbU-RlOAZS6PvP6ypVEDdVf0_it9B6S1thctgKtm2gj8fvSgTXkMpMZ2hPU7xN1GDD0/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/AVvXsEj0fwFBJGS-neub3Z47GDqU8c5BoQw-yZ_cfosWtzjqx5kLjkfnKtA6qcl0UmLF_XnP_7GqKrL-LEmcGn0ir-nKj3DiAdC-dBtBDYDBE_Yg6WPzej3GVErlnt2vYwSXtDkHsxNw8cZ3dMM/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/AVvXsEh3hcEoVsLWzV7EkASjCsVHbWsjtkvIJkYgna0dzuNa6wcdLY5QsPczHlIfwm65WTWdFM7WMQWpCQCMsQJQrqBVXSmahBYyIafpdzxDqGZqDAyef1wvqJEJd4GpvsIkWytltSJ-eEmEjAk/s1600/back-sub2.png) center no-repeat;
}
<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>
وتمتع بالاضافة :)
------------------------
اي سؤال او اي استفسار الرجاء ترك تعليق بالاسفل

Comments
Post a Comment