إظافة أداة احترافية للاشتراك عبر البريد الإلكتروني :
في موضوعنا هذا سنطرح لكم كيفية إظافة أدة رائعة للإشتراك عبر البريد الإلكتروني. من مميزاتها أنعا تجلب زواراأكثر في كل مرة حيث أنها تجعل قالبك رائعا مما يجعله صديقا لمحركات البحث.سترسل جميع مواضيعك تلقائيا إلى الأعضاء المشتركين عبر البريد الإلكتروني.
اذهب الى التخطيط. إظافة أداة. اختر الـــ HTML
و أنسخ ه الكود
<style>
.abt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaBkfcE3AJd-urTWHsL6rL23UNp2Ol51qNO9DGf8bKogMrUjmoJi1S6RNZW3rscr05MWwaLcrQnOmArCKh8bqKea_6abakTyZBLECJjHPtd1ZsMTnXxHTvJqdgTOz_lC6eRRnCHdDY5Gs/h120/service-email.jpg) no-repeat -8px 10px ;
width:240px;
padding:10px 65px 0 0;
float:right;
font-size:0.9em;
font-weight:bold;
margin:0 0 10px 0;
color:#0084CE;
box-shadow: 1px 1px 5px 1px #eee;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.abt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:4.4px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:13px sans-serif; box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);
}
.abt-emailsubmit:hover{
background:#0084CE; box-shadow:inset 8px 8px 6px rgba(0,0,0,0.1);
}
.textarea{background: #fff !important;box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);
border: 1px solid #d2d2d2;
padding:0px 8px 0px 8px;
color: #888; font-size: 13px;
height: 25px; width: 160px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px; }
</style>
<div class='abt-email'>
تابعنا عبر البريد الإلكتروني
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ency-bl', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "ضع إميلك هنا";}" onfocus="if (this.value == "ضع إميلك هنا") {this.value = "";}" value="ضع إميلك هنا" type="text" />
<input type="hidden" value="ency-bl" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="abt-emailsubmit" value="تسجل الآن" type="submit" />
</form>
</div>
ليست هناك تعليقات:
اضافة تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).