حياة مبرمجين | coders live حياة مبرمجين | coders live
http://www.coderslive.com/atom.xml

آخر الأخبار

http://www.coderslive.com/atom.xml
true

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


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

اليوم ثوف اشرح لكم طريقة اضافة صندوق رائع للاشتراك





اولا عيليك التسجيل في الموقع  في الموقع من هنا








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


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

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

هذا هو الكود :



/*-----by: www.androidscool.tk-----*/
#tbn-subscribe {
width: 100%;
height: 100px;
padding:10px;
border-radius:5px;
margin:10px auto 0;
background: #d00 url('http://4.bp.blogspot.com/-2epnB4Ro7AY/Uw4ZJ6F6k5I/AAAAAAAAAdI/_zVzBhaeI-0/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("http://1.bp.blogspot.com/-Frrg8w7IgCE/Uw4ZJZoorvI/AAAAAAAAAdE/R6V9GGo05vA/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.androidscool.tk-----*/




  ثم أبحث عن الرمز
<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='elhawy/mido'/> <input name='loc' type='hidden' value='en_US'/><input type="submit" class="btn" value="إشترك!"/><div class="clear"></div></form></div></b:if>

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

اذا وجهتم اي مشكلة ما عليكم الا ترك تعليق وسيتم الرد فورا 
تمنياتي بالتوفيق دائما لجميع المدونين العرب 
 


جميع الحقوق محفوظة

حياة مبرمجين | coders live

2016