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

بسم الله الرحمن الرحيم وبه نستعين والصلاة والسلام علي اشرف المرسلين سيدنا محمد ابن عبد الله اضافة اليوم باذن ستعجبكم كثيرا

هذا هو شكل الاضافة اذا اعجبتك

تايع مع الدرس

الشكل الاول

<style type="text/css">#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg15OseHHQ5YW0O03J2my_gEqHOQ4D6f2zOLIG17xc0XSt8CsgpQwox-JhcSB9rBhVHxEb_lO2JSi_IGl8a-hFhvmGawYGVmuc_c8uj9YSOdHyTqTJprZUV5op6aUcVO3jANwEVefnxQ_Ur/s1600/latesthack.com-blue.png) no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#latesthack-searchform{display: block;padding: 69px 0px 0px 45px;margin:0;}form#latesthack-searchform #s{padding: 2px 6px 5px 2px;margin:0;width: 211px;font-size:14px;vertical-align: top;border:none;background:transparent;font-family:georgia;font-style:italic;}form#latesthack-searchform #sbutton{margin:-8px 0px 0px 7px;padding:0;height:34px;width:72px;vertical-align: top;border:none;background:transparent;}</style>   <div id="latesthack-searchbox"><form id="latesthack-searchform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogger-face', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="blogger-face" name="uri" /> <input type="hidden" name="loc" value="AR_ar" />         <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" id="s" />    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>

هذا الشكل الثاني

<style type="text/css">
#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVEJyhtnGQ_PE_9mOJTMNBZTlPr-TA99s2S3eqfvXUoYTmAiR9LXCeOBqdNWIGxuN8Hy1U8b1GqWr1Js5a9iZ6G-T2TAxhUuZaTZntiWbEVRq-qqRpHqFOYPyCl4LuozGYEhMjGIo1IiO/s1600/latesthack.com-red.png) no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}
form#latesthack-searchform{display: block;padding: 69px 0px 0px 45px;margin:0;}
form#latesthack-searchform #s{padding: 2px 6px 5px 2px;margin:0;width: 211px;font-size:14px;vertical-align: top;border:none;background:transparent;font-family:georgia;font-style:italic;}
form#latesthack-searchform #sbutton{margin:-7px 0px 0px 7px;padding:0;height:34px;width:72px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="latesthack-searchbox">
<form id="latesthack-searchform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogger-face', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <input type="hidden" value="blogger-face" name="uri" /> <input type="hidden" name="loc" value="AR_ar" />
        <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" id="s" />
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

هذا الشكل الثالث

<style type="text/css">#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMFlm8Go2O7dmfZ_FMe00ITHPxHuPGNVvUjUc0_tvDlUPc5sIGJS3Ior5mQkobQG5F77lIcyOa8a-MtLE0FDeEF3agPnaeGxEkWCJOE4FNihpx9v-6SywSHAhMdpzZ7k0XEfSdPJ-rv-Js/s1600/latesthack.com-silver.png) no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#latesthack-searchform{display: block;padding: 69px 0px 0px 45px;margin:0;}form#latesthack-searchform #s{padding: 2px 6px 5px 2px;margin:0;width: 211px;font-size:14px;vertical-align: top;border:none;background:transparent;font-family:georgia;font-style:italic;}form#latesthack-searchform #sbutton{margin:-8px 0px 0px 7px;padding:0;height:34px;width:72px;vertical-align: top;border:none;background:transparent;}</style>   <div id="latesthack-searchbox"><form id="latesthack-searchform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogger-face', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="blogger-face" name="uri" /> <input type="hidden" name="loc" value="
AR_ar" />         <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" id="s" />    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>

ضع الشكل الذي تحب في اداة  html java script

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

من فضلك اضغظ لايك لمشاهدة لينك التحميل