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



السلام عليكم ورحمة الله وبركاته

في مواضيع سابقة لقد قدمت لكم العيديد من صناديق الإشتراك بالبريد الإلكتروني لتمنح زوار ومتابعي مدونتك من متابعة أخر مواضيعك عبر البريد الإلكتروني ذلك ومن خلال إضافة صندوق الإشتراك وربط مدونتك بـ http://feedburner.google.com/ والحصول على معرف مدونتك وإضافة صندوق الاشتراك
أيضا من خلال لوحة تحكم مدونتك ثم تخطيط يمكنك إضافة صندوق اشتراك بسهولة من خلال الادوات التي توفرها جوجل لك, لكن هو كمنظر او شكل غير لائق ولا احترافي
يمكنكم مشاهدة المواضيع السابقة من صناديق الاشتراك بالبريد الالكتروني:



إضغط هنا لمعاينة الإضافة الجديدة من صندوق الاشتراك اسفل كل تدويه

كيفية تركيب صندوق الاشتراك بالبريد الإلكتروني أسفل كل موضوع!


أولاً إذهب الى لوحة التحكم في مدونتك -->> القالب ثم إضغط على تحرير html

الآن بإستخدام مفاتيح الاختصار في الكمبيوتر الخاص بك ctrlوf إبحث عن الرمز ]]></b:skin>
ثم أضف الكود التالي فوق الرمز ]]></b:skin> مباشرةً:

/*-----by: www.madad2.com-----*/
#tbn-subscribe {
width: 100%;
height: 100px;
padding:10px;
border-radius:5px;
margin:10px auto 0;
background: #d00 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLpP1dKA348wDdOYNWM2ubWw4LHtGevft9sIlXVxOa9HuRC83j83vdxdKHBxha8rOVgPRKudzTrD42eqcJvnbGRwx4u7kcv0wT4NxVasXzKdEkzD4PjMZFD7MNU2Vf3s1HlWEvhkcahqA/s1600/Enter+Email.png') no-repeat 98% center;
box-shadow:0 0 30px #600 inset;
}
#tbn-subscribe .headline{ color: #FFF;
font-size: 22px;
font-family: cursive;
font-weight: normal;
margin: 5px 0 0 40px;
text-shadow: 0px 1px 0px #FFFFFF, 0px 2px 0px #000000, 0px 3px 0px #000000;
}
#tbn-subscribe .arrow{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXzIda9JlHhPt_VzDGilGgyV1xAjk1G_4UNcSRLzOfSt7mAcyBG5nkBzb98L9N4IaMn1_TPPgCQOghK5CyRXVi85LT8PU8z0-xEY3j3ql-odYvlpFtS25aXW6FSxwQW4KH4N7XjUBDVw/s1600/arrow-left.png") no-repeat;
width:60px;
height:60px;
float:left;
margin: 5px 0px 0 1px;
}
#tbn-subscribe form input.txt{
background:#FFF;
border: 1px solid #800;
border-radius: 5px;
box-shadow: 0 0 5px #600 inset;
color: #333;
float: left;
margin: 25px 10px 0 0;
padding: 5px 10px;
width: 125px;
}
#tbn-subscribe form input.btn{
background: #222;
border: 0;
cursor: pointer;
border-radius: 10px;
box-shadow: 0px 0px 30px #FF9696;
color: #FFF;
float: left;
font-weight: bold;
margin: 26px 0 0;
padding: 5px 10px;
width: 100px;
}
#tbn-subscribe form input.btn:hover{
background:#111;
}
/*-----by: www.madad2.com-----*/



الآن أبحث عن الرمز
<div class='post-footer-line post-footer-line-1'/>
ثم أضف الكود التالي أسفله مباشرةً:

<b:if cond='data:blog.pageType == "item"'><div id="tbn-subscribe"><p class="headline"> هل أعجبك الموضوع؟ إشترك الآن للحصول على أخر المواضيع عبر بريدك الإلكتروني!</p><span class="arrow"></span><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/medad&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='txt' name='name' onblur='if (this.value == &apos;&apos;) {this.value = &apos;إسمك هنا...&apos;;}' onfocus='if (this.value == &apos;إسمك هنا...&apos;) {this.value = &apos;&apos;;}' value='إسمك هنا...'/><input class='txt' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;ضع بريدك الإلكتروني...&apos;;}' onfocus='if (this.value == &apos;ضع بريدك الإلكتروني...&apos;) {this.value = &apos;&apos;;}' value='ضع بريدك الإلكتروني...'/> <input name='uri' type='hidden' value='blogspot/medad'/> <input name='loc' type='hidden' value='en_US'/><input type="submit" class="btn" value="إشترك!"/><div class="clear"></div></form></div></b:if>

غير كل من blogspot/medad بمعرف صفحتك في فيدبرنر ثم أختر حفظ القالب

إذا كان لديكم أي إستفسار لا تترددوا بالاتصال بنا او ترك تعليق :) بالتوفيق..

مشاركات أقدم المقال التالي
4 تعليق
  • نايف الشهرى
    نايف الشهرى 26‏/03‏/2014، 2:39:00 ص

    يعطيك العافية اخى
    مشكور كتير

    • مداد الجليد
      مداد الجليد 26‏/03‏/2014، 5:20:00 م

      ربي يعافيك، شكراً نايف

  • Mezo online
    Mezo online 19‏/07‏/2014، 1:17:00 م

    كل ما ابحث على الكلمه التانيه 2 ليه

    • مداد الجليد
      مداد الجليد 20‏/07‏/2014، 2:54:00 ص

      اهلا بك. أي كلمة تقصد؟

أضف تعليق
عنوان التعليق