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

السلام عليكم و رحمته الله تعالى و بركاته ؛ موضوعنا اليوم هو إضافة صندوق للإشتراك عبر البريد الإلكتروني لدينا تلاتة أشكال إختر الشكل الذي يناسب مدونتك و باذن ستعجبك كثيرا ضع الشكل الذي تحب في اداة html java script
واحفظ ومبروك عليك منظر تقيمكم للموضوع واي استفسار انا في الخدمة ما عليك سوي ترك تعليق
هذا هو شكل الاضافة اذا اعجبتك

تايع مع الدرس

الشكل الاول

<style type="text/css">#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitT9xGsVSoOB_DQMfaDWTlSbbn3L8q3RzMUv65IKV2IuPTkyJBCOvISxzbR1QosmdCBor9PZgJOsPPpDFTcW7vNk6BkUwqyE1x5OajNGw3vk-F5HZZMHgky9hGzJ6KW3E215noArw65fsL/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=DiimaBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="DiimaBlog" name="uri" /> <input type="hidden" name="loc" value="AR_ar" /> <input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" 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/AVvXsEhTHqPmfMYrZ4fgzO4-ZkU9r2tEMbtIbLreAAGgxznsQMC1CDDmVgLWp7kCKTMdV7_U_my9Apg9ExOfhy5TGR4UrPgUv6uIQ9ugPyuVp7Y9MNarhKCm2G04ICE0kffCT2AwpqDCf2XIzO6t/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=DiimaBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="DiimaBlog" name="uri" /> <input type="hidden" name="loc" value="AR_ar" />
<input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" 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/AVvXsEiBKA85OXeTMEHpjEMGwcpwwM8qEUpNuGcA0lC5XaUpmEC261T_Ob5cb-HZSsFPVkNrNXJi5G6JOTnkSDAV5klp9m7AFR_u7x7kmAUWQRUcGpmTsCkNHUl0Xh5m0cc30jOayPomZtTkLT2J/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=DiimaBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="DiimaBlog name="uri" /> <input type="hidden" name="loc" value="
AR_ar" /> <input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" id="s" /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>