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

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

اخواني اقدكم لكم هذه الاضافات وجدتها في موقع وحبيت انقلها لكم وهي اضافة صندوق للاشتراك عبر البريد الالكتروني بثلاث اشكال جميلة . هذه الصورة هي مجموع الثلاث اذا عجبتك واحده منها اتبع التالي :-

للحصول على هذا الكود يجب عليك 
اولا : قم بالدخول الى لوحة التحكم لمدونتك مـــن هنـــا 
ثانيا:  ادخل على التخطيط ثـــــــم اضافة أداة  HTML/JavaScript
ثم قم بنسخ الكود التالي وضعه فيها واحفظها. 
 ولا تنسى تبديل اسم مدونتي aliraqia باسم مدونتك


الاضافة الاولى : الشكل الاول
<style type="text/css">
#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtZpHTKfyJa_S-6mvUZRo-_dyyzDz2Ye2aXVqu0EVnsFyCJH0FNPSfZE4Xhov1keXk07pS-a3Bur0dmwn30OXnpGtKqw9UaILi17ko6iaY_tqnXALz9WTEGmG_dBbgd2BVcxEZ1LIqBBan/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=aliraqia', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <input type="hidden" value="aliraqia" 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/AVvXsEgXk9tbit-j-gqaX6EuCZvlvUQt1ULMdkBjchHpRQ9Fxqk5R-H3bPdb6nvhyphenhyphenk5ZElroggDusHYvlbcQ_uuCmooDMYxSpjDZbc7FapkFbGLIv-Vx2-uRhB1CcW2aiUASPhUBtpoOZplAJAMk/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:-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=aliraqia', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <input type="hidden" value="aliraqia" 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/AVvXsEi4CqZlkKle3JnoN5_7TbcU-pdKBw2ZiNXBPT-1M3PbTI2pRHM51Gy0pXdhlFk0CBCH8hQZ-uvm9t-OexYnXD7N1_zoDntq3wPgqUCXibho76djIfZpGwepSeuLTn6ewwOGgsrdmIa1nPew/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:-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=aliraqia', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <input type="hidden" value="aliraqia" 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>












هل أعجبك الموضوع ...؟

اشترك معنا وأحصل على جديد المدونة :)

تابعنـا عبــر مواقــع التواصــل

0 التعليقات:

إرسال تعليق

 
جميع حقوق النشر محفوظة : تحياتي إدارة مدونة الكوفي العراقيـة 2012