بسم الله الرحمن الرحيم
السلآم عليكم ورحمة الله وبركاته اسعد الله واقاتكم بكل خير .
اليوم اقدم لكم إضافة مميزة وجميلة وهي عبارة عن صنوق الاشتراك بالقائمة البريدية. الاضافة جميلة جدا وشكلها بسيط . يتناسب مع جميع المدونات.
ادخل مدونتك .
الدخول إلى القالب ثم تحرير HTML
نضيف الكود التالي قبل ]]></b:skin>
.ins{
width: 100%;
height:63px;
margin-top:19px;
}
.ins .txt2 {
border: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXp2-N0IFwAzaCMnjVs6MHR9J-NAniQaBoFFoFOMsIjlk3Q_dg1tAMKMCIZbLMq5qq3w_ocN2RXLgEVk9DuzRmXxv1zlwPbJqx1I4PbVMEJXcC4zUtx_4BnYgxZVyChRBIAwl3nnzhe70/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/AVvXsEguXpQzYbDwhbmQs5QZ0I7iAk4g7DDgl5gJVFvHwPskbrx3APO0cE4mFGbv-CajF2r7CuKUcA_Ygjts68hU00jlwq9HcwjT6hIb8G42mqHfS5tn8BcwC8uS5omw1ymng0AAET5WMcMvceU/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/AVvXsEg2dRGHNRYdF3nNUSyY2PFKpUbyOP2dfaKdYgWfo4ngKacPDzNggPYYe-RrtZjfhl2NzKq-FP1ZPjYbD8a_jH68BpJ391dTcH97MO-Hr3ZE7ggrcmSVd3YMO76w58TrsKrZhe6tBsNVmgo/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>
ثم اعمل حفظ
وتمتع بالاضافة
اي سؤال او اي استفسار الرجاء ترك تعليق بالاسفل
من فضلك شارك هذا الموضوع اذا اعجبك
الموضوع من طرف:
مدون ومطور مواقع مغربي ، أهتم بكل ما هو جديد في عالم الانترنت والتطوير ،أدرس لغات البرمجة والتصميم ، وقد أنشأت هذا الموقع لمشاركة الناس خبرتي المتواضعة . يمكنك متابعتي شخصيا عبر :
