صندوق الاشتراكات اسفل التدوينة
السلام عليكم ورحمة الله وبركاته
النهاردة ان شاء الله هنتعلم ازاي نضيف صندوق الاشتراكات اسفل التدوينة لتقريبه لاعين قراء المدونة حتي يتم التسجيل فيه بكل سهولة
والان اليكم الطريقة :
الخطوة الاولي : عمل نسخة احتياطية من القالب قبل البدء في اي شئ
الخطوة الثانية : الذهاب الي ادارة المدونة ثم الذهاب الي القالب ثم تعديل HTML ثم قم بتوسيع القالب .
الخطوة الثالثة : ابحث عن هذا الكود
<data:post.body/>
الخطوة الرابعة : نقوم بعمل كوبي للكود التالي ووضعه تحت الكود السابق مباشرة
<center>
<h3>لا تنسي الاشتراك في المدونة ليصلك كل جديد في عالم اضافات بلوجر</h3><img alt='اشترك في القائمة البريدية لمدونة تطوير الويب' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCoUabPhhCYwH4jdTSIaNCMYoqn-VKBjgQ-hVfRGMjttWaCSg4Jro-xyYkrWjbNzF64EU4JO91T8VGTRvOKECExohJyUY0uDfukWOi_U_1JMX3qp5Hh8QKwV7BSWgHTR9Pd1tuGBnF8vE/s1600/ArrowDown.gif' title='اشترك في القائمة البريدية لمدونة اضافات بلوجر'/></center>
<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#6CB5FF), to(#6CB5FF));background: -moz-linear-gradient(center top , #4D8DEE, #005CE6) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #6CB5FF, #6CB5FF) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #6CB5FF, #6CB5FF) repeat scroll 0 0 transparent}
</style>
<b:if cond='data:blog.pageType == "item"'>
<div id='mbt-sub-box'><h1>أشترك ليصلك جديد الدروس والمواضيع!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogadditions', 'popupwindow', 'scrollbars=yes,width=550,height=520');r eturn true' rel='nofollow' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "أدخل البريد الإلكتروني ...";}' onfocus='if (this.value == "أدخل البريد الإلكتروني ...") {this.value = ""}' size='30' type='text' value='أدخل البريد الإلكتروني ...'/>
<input name='uri' type='hidden' value='blogadditions'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='أشترك'/></center></form></div>
</b:if>
ثم قم بتغيير blogadditoins باسم الحساب الخاص بك في Feedburner
وايض قم بتغيير جملة ( لمدونة تطوير الويب ) الي اسم مدونتك
اتمني ان تكونوا قد استفدتم ... والنتيجة ستكون كما يلي
ليست هناك تعليقات :
إرسال تعليق