اضافة رائعة جدا للاشتراكات لبريدك الالكتروني لمدونات بلوجر
 

اضافة رائعة جدا للاشتراكات لبريدك الالكتروني لمدونات بلوجر
السلام عليكم ورحمة الله تعالى وبركاته , اليوم اخواني اتيت لكم باضافة رائعة جداا ومفيدة لجميع المدونين والمهوسين بمجال التدوين .

http://4.bp.blogspot.com/-KZTqBrsdyP...8%A8%D9%8A.png

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




<div class="widget-content">
<style>/* CSS Subscribe Box */#subscribe-box {width:100%;height:auto;background:url(http://3.bp.blogspot.com/-3uC19mqm_q...r-email-bg.jpg) no-repeat;margin: 0 -5px;}#subscribe-box .title {background:#f8a82a;color:#fff;font-family:'Oswald',sans-serif;font-size:20px;font-weight:400;margin:0 0 0 0;padding:12px 65px 12px 15px;position:relative;transition:all .5s ease-out;}#subscribe-box p {font-family:droid arabic kufi;;font-size:13px;color:#E4E4E4;line-height:50px;padding:79px 20px 0 20px;margin:0;text-align: center;}#subscribe-box .emailfield {padding:0px 20px 10px;}#subscribe-box .emailfield input {background:#3a3a3a;color:#bbb;padding:10px;margin :10px 0 0 0;font-size:13px;font-family:droid arabic kufi ;width:90%;border:0;border:1px solid transparent;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield input:focus {outline:none;background:#fff;color:#666;border:1p x solid #f8a82a;}#subscribe-box .emailfield .submitbutton {background:#1CAEDF;color:#fff!important;text-transform:uppercase;font-weight:bold;border:none;outline:none;width:100%;cu rsor:pointer;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield .submitbutton:active {padding-top:11px;padding-bottom:9px;}#subscribe-box .emailfield .submitbutton:hover{background:#33BDEC;color:#fff; }</style><div id="subscribe-box">
<p>
اشترك لتحصل على اجدد المواضيع.</p>
<div class="emailfield">
<form action="http://feeds.feedburner.com/youngs-tech" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/youngs-tech', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input type="text" name="name" onblur="if (this.value == "") {this.value = " اسمك الكامل";}" onfocus="if (this.value == " اسمك الكامل") {this.value = "";}" value=" اسمك الكامل" /> <input type="text" name="email" onblur="if (this.value == "") {this.value = "بريدك الإلكتروني";}" onfocus="if (this.value == "بريدك الإلكتروني") {this.value = "";}" value="بريدك الإلكتروني" /><input name="uri" type="hidden" value="rLqALt" /><input name="loc" type="hidden" value="en_US" /> <input class="submitbutton" type="submit" value="اشترك الأن!" />
</form>
</div>
</div>
</div>



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