اضافة الاشتراك عبر البريد الالكترونى Subscription Form


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


كيفية اضافتها الى المدونة 

1- اذهب الى بلوجر > التخطيط > عناصر الصفحة

2- اختر اضافة اداة
3- قم بلصق الكود التالى
 
<style>        
.mbt-email{         
background:url(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/s1600/email.png)
 no-repeat 0px 12px ;         
width:300px;         
padding:10px 0 0 55px;         
float:left;         
font-size:1.4em;         
font-weight:bold;         
margin:0 0 10px 0;         
color:#686B6C;         
} 

      .mbt-emailsubmit{        
background:#9B9895;         
cursor:pointer;         
color:#fff;         
border:none;         
padding:3px;         
text-shadow:0 -1px 1px rgba(0,0,0,0.25);         
-moz-border-radius:6px;         
-webkit-border-radius:6px;         
border-radius:6px;         
font:12px sans-serif;         
}         
.mbt-emailsubmit:hover{         
background:#E98313;         
}         
.textarea{         
padding:2px;         
margin:6px 2px 6px 2px;         
background:#f9f9f9;         
border:1px solid #ccc;         
resize:none;         
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);         
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);         
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;   
width:170px;         
color:#666;} 

      </style> 

      <div class="mbt-email">        
Subscribe via 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=livegy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">         
<input
 gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == 
&quot;&quot;) {this.value = &quot;Enter email address 
here&quot;;}" onfocus="if (this.value == &quot;Enter email 
address here&quot;) {this.value = &quot;&quot;;}" 
value="Enter email address here" type="text" />         
<input type="hidden" value="livegy" name="uri"/><input type="hidden" name="loc" value="en_US"/>         
<input class="mbt-emailsubmit" value="Submit" type="submit" />         
</form>         
</div>

الان قم باضافة هذه التغيرات على الكود بالاعلى ,

الان قم بتغيير الكلمة livegy ل Feedburner ايميلك .
Now replace http://feedburner.google.com/fb/a/mailverify?uri=livegy



قم باستبدال ال feed title الخاص بك بدلا من الكلمة

 http://feedburner.google.com/fb/a/mailverify?uri=livegy


الان قم بحفظ الاضافة وستظهر على مدونتك بنجاح :)
-------

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

إرسال تعليق

سياسة الخصوصية - DMCA

جميع محتويات الموقع لا تنتهك حقوق الملكية عند وجود أي مشاركة مخالفة يرجي الابلاغ هنا

المدونة غير مسئولة عن اى تعليقات فى حالة المسائلة القانونية

(فالتعليقات تعبر عن رأى صاحبها فقط)

برامج مجانية

yahoo messenger google earth internet explorer media player skype yahoo messenger flash player yahoo messenger google chrome