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

شرح التركيب

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

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

<style type="text/css">#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir77Sb0gAC0WELmLZUnnmRT3-FXdnduuBqk49z7TIccmWfFcLkv4h32pTNcDb90kEu8MHxVToad2DI3WCu3yhPsYuYcGEMUZjkt4TGW5nsTM_ex_6_eFu1pwwLBa0L9nnFQ9NoWVEJFTn5/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/AVvXsEjaSLdj7J-NLSxxTpPTL8NF0WoqPxVCdWCgbkAkVgio-0UEuyIOeO-j3N065EQRhSyYuWFkfH3s8FCuQ3AhfQREC4S3E1Cwp0Chm_Uvv1wAOKP8D7yui5N5Srwf3SDLcLQT_6VwC-dlmeIn/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/AVvXsEju5ivtJk2RSobXMSOWn7PxjY_T7LZ7ePDYcnWzxiYJOsgLANmmoZBbN7wZgUMCXzuul6KA05xm11xySS3J0gweLMlh7y68AtndygIMrGHgbovmNPUZ6vOn6hGNYEETa4u-sa0KaklUcomb/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>