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

بسم الله الرحمن الرحيم 

السلآم عليكم ورحمة الله وبركاته  اسعد الله واقاتكم بكل خير .

اليوم اقدم لكم إضافة  مميزة وجميلة وهي عبارة عن  صنوق الاشتراك بالقائمة البريدية. الاضافة جميلة جدا وشكلها بسيط . يتناسب مع جميع المدونات.

                                                                  طريقة التركيب : 
                                                                     ادخل مدونتك .

الدخول إلى القالب ثم تحرير HTML

نضيف الكود التالي قبل  ]]></b:skin>

.ins{

width: 100%;

height:63px;

margin-top:19px;

}

.ins .txt2 {

border: none;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ0ZLQSDSgxtINVwmcu36FTC9OXOqc3b3ahY2MR_5jdEtOjEmkSNsrSZnKJwIjRWE7SwfGuX2Ts2hB8074X4-fQW3oZim4xkbopn7nxfqJbBS0LSBv9mM1BKwFUiqFG6IzIHBkyFvdnSg/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/AVvXsEhBrK0nQZL4Q6DrT83WqPztCypFqMfaxkwsJNaCJ42WpivX0_Mo8F15BgNK-7Gv1c-CJnefb5oCddRCXSRZl1yNJpoMWhnKJE3JPGlZblxYr4j8GwjhoL-AAVVGeSqJ1_dqNTsQNd2eQQY/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/AVvXsEjDsuKZUWEXbFABC-Q6-_xKW_6YbMBf7Qnr6yGcjgrHqU6zFqY3zZvL0bJ1_Yxnxu5NMk33H5B_Vl8xVZ33S4xaSpIoukVGHpvSLc57FQ31N7CA0ptPJtzeKyEpd6YjrIZBXEhukmtowK4/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>

ثم اعمل حفظ 
وتمتع بالاضافة  
اي سؤال او اي استفسار الرجاء ترك تعليق بالاسفل