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

شرح التركيب

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

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

<style type="text/css">#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcnAdZEeAPtyY1yTgAuTWXDJuyYlpTMyB2dMQgxwMenESvQ0uppOjikzEUWXhd3CS9ZSSqRllUVwQ9zENc-t3O3avPV4GjqofxYLl4lMWeHttXTdgE7CjgLbCDeJAv6pZzSJRKmprlaOg5/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/AVvXsEjYJ_kinjz_70ADEPyIlPlET16OrwWqRZldU6odX5YBMRy4bT-0cbU1hEq_Scp-1pRJd2fp3Np43MQi4WEGASSC6pXxAvPuXLnHEJzgh23VsDGvazJzUHUUaeNTIGVisZpF18f3_u5NCg6B/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/AVvXsEiQtbylkb6pUe5J2Uw7RKPvw8bYq3GM5Rh1ZRZ6Ac3KCaOYr7S1IIzlnw4rB8sH4J8HEWSXaSfidqsfQyC6rDfKpl4Yo3UNspDWirFGcMeLho-4uJvFbw8kQd3kj_9WLPObdtWuhht-MOyy/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>