تعتبر القائمة البريدية في المدونة من الإضافات المهم ليتوصل الزائل بأجد مواضيعك على بريده الإلكتروني وعندها تكسب زوار فور نزول موضوع على مدونتك ولهذا أحببت أن أشارككم في هذا الدرس عن كيفية إضافة صندوق الإشتراك في القائمة البريدية اسفل المدونة في الفوتر يضهر بشكل جداب وإحترافي للزوال , يمكنك مشاهدة الإضافة بنقر على زر المعاينة التالي .
طريقة تركيب اضافة صندوق الاشتراك في القائمة البريدية :
- أولاً قم بالدخول إلى لوحة تحكم بلوجر
- توجه إلى قسم قالب
- أنقر على تحرير HTML
إبحث عن وسم ]]> وأضف الكود التالي فوقه
/* Subscribe Box */
#subscribe-css{position:relative;padding:20px 0;background:#444444;overflow:hidden;border-top:4px solid #eee;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field{font-family: droid arabic kufi;background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0}
.subscribe-css-email-button{font-family: droid arabic kufi;background:#AD0606;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;border:0;border-radius:3px;transition:all .6s}
.subscribe-css-email-button:hover{background:#ea2828;}
#subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
#subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
#subscribe-css p.subscribe-note span.itatu {font-weight:400;color:rgba(255,255,255,.6);text-transform:lowercase}
#subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
#subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
#subscribe-css:hover p.subscribe-note span:before{width:100%;}
إبحث عن وسم
تعليقات
إرسال تعليق