تقديم مجموعة من الشروحات والمواضيع التي تهم بالحاسوب والانترنت من حيث الاستخدام والانشاء والتصميم والحماية، مع الاهتمام بمدونات بلوجر ومواقع التواصل الاجتماعي خصوصا فيسبوك وتويتر

النشرة البريدية @

أداة الاشتراك في القائمة البريدية بأشكال مختلفة

دروس، شرح، طريقة، بلوجر

تحتوي هذه المقالة على ما يلي

أداة الاشتراك في القائمة البريدية بأشكال مختلفة
أهلا و سهلا بكم من جديد،
سأقدم إليكم اليوم أداة الاشتراك في القائمة البريدية أو النشرة البريدية بأشكال ومقاسات مختلفة، لا تأخد مساحة كبيرة من الموقع، وهي من تطويري.
يمكنك الاستعانة بالصورة المرفقة لاختيار الشكل الذي يناسبك.
أداة الاشتراك في القائمة البريدية بأشكال مختلفة

النموذج 1 – زر عريض

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=knopedia&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #CECECE;padding:3px;text-align:center;' target='popupwindow'>
<input name='email' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' size='1' style='width:140px' tabindex='13' type='text' value='أدخل بريدك الإلكتروني'/>
<input name='uri' type='hidden' value='knopedia'/>
<input name='loc' type='hidden' value='en_US'/>
<input style='background: #FFFF00; width:140px' type='submit' value=' اشترك في النشرة البريدية'/></form>

النموذج 2 – خلفية رمادية مقاس 250*32

<div class="d2" style="background: #808080;height:32px;width:250px;float: center;">
<span class="t1" style="width:40px;float: right;margin: 0px 5px 0px 0px; color:#C0C0C0;">
النشرة البريدية
</span>
<span class="d3" style="direction: rtl;">
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=knopedia&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true'  style='border:1px solid #;padding:3px; text-align:center;' target='popupwindow'>
<input name='email' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' size='1' style='width:130px;' tabindex='13' type='text' value='أدخل بريدك الإلكتروني'/>
<input name='uri' type='hidden' value='knopedia'/>
<input name='loc' type='hidden' value='en_US'/>
<input style='background: #FFFF00; width:50px;' type='submit' value='اشترك'/></form>
</span>
</div>

النموذج 3 – خلفية سوداء مقاس 250*32

<div align="center">
<div class="d2" style="background: #333333;border: 1px solid #808080; height:32px;width:250px;float: center;margin: 0px 0px 0px 0px;">
<span class="t1" style="width:40px;float: right;margin: 0px 5px 0px 0px; color:#C0C0C0;">
النشرة البريدية
</span>
<span class="d3" style="direction: rtl;">
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=knopedia&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true'  style='border:1px solid #;padding:3px; text-align:center;' target='popupwindow'>
<input name='email' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' size='1' style='width:130px;background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 1px 1px;padding: 1px 1px 1px 1px;' tabindex='13' type='text' value='أدخل بريدك الإلكتروني'/>
<input name='uri' type='hidden' value='knopedia'/>
<input name='loc' type='hidden' value='en_US'/>
<input style='background: #FFFF00; width:50px;' type='submit' value='اشترك'/></form>
</span>
</div>
</div>

النموذج 4 – خلفية صفراء على شكل ظرف مقاس 250*32

<div align="center">
<div class="d2" style="border: 1px solid #808080; height:32px;width:250px;float: center;margin: 0px 0px 0px 0px; background: #FFFF99 url(https://2.bp.blogspot.com/-pooTIK3JGr8/WbXsgpIUM-I/AAAAAAAAiMc/LqpUHESgpMk0cnG4qFyCqykgy9qphrerwCEwYBhgL/s1600/Sans%2Btitre%2B69.png) repeat-x 0px 0px;padding: 0px 0px 0px 0px;">
<span class="t1" style="width:40px;float: right;margin: 0px 5px 0px 0px; color:#333333;background: #FFFF99">
النشرة البريدية
</span>
<span class="d3" style="direction: rtl;">
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=knopedia&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true'  style='border:1px solid #;padding:3px; text-align:center;' target='popupwindow'>
<input name='email' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' size='1' style='width:130px;background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 1px 1px;padding: 1px 1px 1px 1px;' tabindex='13' type='text' value='أدخل بريدك الإلكتروني'/>
<input name='uri' type='hidden' value='knopedia'/>
<input name='loc' type='hidden' value='en_US'/>
<input style='background: #FFFF00; width:50px;' type='submit' value='اشترك'/></form>
</span>
</div>
</div>

النموذج 5 – خلفية بيضاء مع زر أخضر مقاس 140*32

<div class="d3" style="direction: rtl; border: 1px solid  #E9E9E9;width:140px;height:30px;float: center;background: #FFFFFF url() repeat-x 0px 0px;;margin: 3px 0px 0px 0px;border-radius: 0px 0px;">
<div class="t1" style="float: right;margin: -2px 3px -13px 0px; color:#6699FF;text-align: center;padding: 0px 0px 0px 0px;">
النشرة البريدية @
</div>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=knopedia&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true'  style='border:1px solid #;padding:0px; text-align:center;' target='popupwindow'>
<input name='email' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' size='1' style='width:105px;padding: 1px 1px 1px 1px;margin: 12px 0px 0px 0px;border-width: 0px;float: right;    ' tabindex='13' type='text' value='أدخل بريدك الإلكتروني...'/>
<input name='uri' type='hidden' value='knopedia'/>
<input name='loc' type='hidden' value='en_US'/>
<input style='color: #ffffff;  width:32px;height:32px;margin: -2px 0px 0px -1px;text-align: center;padding: 0px 0px 0px 0px;background: #7FCD00;float: left;border-radius: 0px 0px;' type='submit' value='اشترك'/></form>
</div>

ليست هناك تعليقات :

أضف تعليق