إضافة الإشتراك عن طريق البريد الإلكتروني بشكل إحترافي لمدونة بلوجر

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

لإضافتها اتبع الخطوات التالية :

1- ادخل الى مدونتك عن طريق الرابط التالي:

http://blogger.com/

2- اذهب الى لوحة التحكم تم اضغط على تخطيط

3- تم اضغط على اضافة أداة ، HTML/JavaScript

ثم الصق الكود التالي:

<!--- Thesis Widget by  th3xd.blogspot.com --->
<div class="widget-content">
<div class="lefts">
<h1>إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>
<div class="social"><a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/th3xd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMVSEFKlKlzowBu8Tk2wivRiN9emeic0Q-cgUMWlYg4Tdrn-H9wnhlqB86tkOwgb3L5e0CgMEvXMuAUPJ7Oq_GjqzuYoG3m35nuIWiVSvZYxq8xlNseKJs6kr7o1266kpjAv2f8z9_aVg/s1600/rss.png" /></a>
<a rel="nofollow" target="_blank" href="http://twitter.com/anasnokri"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf6diozMdEV1n6p-VAnRvDv8uyaub1tftaCtOIrLsTvMFXy1hwM3w9neTdfEY-uIadC7mCQ_QXKVHMKZNiwW3wJ6bnUoJxWdA5uqzedll5ozm8t8baCxoMUcXBvRjrtzvjeGDHaCNApG0/s1600/tw.png " /></a>
<a rel="nofollow" target="_blank" href="http://www.facebook.com/th3xd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0wFjRLC6SncAZ4KTtrC8O98JQ0Y4xsVvUbvc0Uz1TrNhYze9XkH3ms2B8eg3ZoBin8w6uY8WW2AHl16Q9ZXyADyMQy1z_n0FnXEa4Vyn0P4WRVGQzTSqN1570s77NzvBT6GkDwn-Dhwg/s1600/face.png" /></a>
</div>
<div class="ins"> <center><div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=th3xd" method="post" rel="nofollow" target="_new"> <input class="txt2" name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;ضع اميلك هنا ليصلك كل جديد&#39;;}" onfocus="if (this.value == &#39;ضع اميلك هنا ليصلك كل جديد&#39;) {this.value = &#39;&#39;;}" value="ضع اميلك هنا ليصلك كل جديد" /><input class="btn2" type="submit" value=" " />
<a href="http://7loll.blogspot.com"></a>
</form>
</div>
 </center>
</div> </div>
<style>
.lefts{
width:300px;
height:182px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMfTyE7lmDXCsiE2E99mbsLrnNCGxK80o9lINvyYubBzZg3q3FkNa_oO3nV0x2eFqbcC1Jon_kiEQwhIXETtJ1TlHSwQRH_DnQdquP6Z_6rytgogo_PJxCEGWb2QBDBgQnsIbJr9VCc8A/s1600/left.png);
}
.lefts h1{
color:#767676;
margin:0;
text-align:center;
font:14px  'DroidKufi-Bold';
padding:10px;
padding-top:20px;
}
.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:#ffc000;
}
.lefts .social{
margin-right:50px;
}
.lefts .social a img{
float:right;
margin-right:20px;
margin-top:8px;
}
.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:15px;
}
.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:#c0c0c0;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
    width: 175px;
}
.lefts .ins .btn2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSEyGE6wI5CB3CykzvO_npsff8kNciYZp_KnE3waks18TacaaU6C1CsYPpY0WDpZ6rDXhJLtb78S964sGtPS2x7CjJwPjdWyjwHSL10GfvIbhISlU0ZkAAEWt5GMFbVwVtVMGSDDRXfWQ/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>
</div>

4- الأن قم بتغير ما لون بالأزرق بحساباتك

و أخيرا قم بالضغط على حفظ و مبروك عليك الاضافة.

شاركها على