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

شرح التركيب

(1) انسخ كود الشكل الذى تحبه
(2) ضعه فى أداة html java script

================
الشكــــــــــل الأول
================

<style type="text/css">#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpfLVAyV7iA-VzSE-ljxZpPP3pxlD3aMUKVrcknr1D9gkqGCS8nFRPIhoXbbygUk1OQThl2YxER4qxDXasSTw7kbtFhGfpC86nUdjDVnYq-eeBJhnKAOvEkx_xW9xuWLhBznWKHmxypKns/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/AVvXsEjzj4DxMswxdlEJbBSax0fvojIds2eFJiMo7X5S-B_KHmfeHWBaHtz6iKHLI7M4FL1bUx0UGZPwsnBxnhFlxU0yLHpXVKZS5pW7orC4RR-JntmW5HVbfTWkO2ZzkeovwWQ51pVdz7FJnQx5/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/AVvXsEjBEKLVNK_ZZ9cH6X76CxMvpS9wCwfKSuxUt5jealSkJNm0EgCz6GCI4ZO5szwGGkk5l78zYoZ1Wj-_Qe7AwmrbtvQBii60V8tyAGgD_pZR0xi64PldKoVz8LpeWQ1ufEuOmX_Q4pslSObg/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>