درس جديد وموضوع جديد على موقع نت مصر اشرح اليوم كيفية تركيب اداة الإشترك فى النشرة البريدية وكيفية عمل الخلاصة RSS لمدونتك ، إضافة الأشترك فى النشرية البريدية تمكن الزوار من متابع جديد مواضع مدونتك ، والأداة نقدمها لكم بشكل احترافى وانيق ويتم وضعها فى اسفل قالب مدونتك ويمكنك مشاهد المعاينة من الرابط التالى .
شرح طريقة التركيب :
- ادهب الى لوحة التحكم ثم
تحرير "HTML" - ابحث عن كلمة
<b:skin/> واضف فوقه مباشراً الكود التالي
/* Subscribe Box */ #subscribe-css{position:relative;padding:20px 0;background:#374760;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{background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0;font-family: Electrolize,ge_dinar_tworegular;} .subscribe-css-email-button{ background: #E74C3C;color: #fff;cursor: pointer;font-weight: 700;padding: 11px 30px;text-transform: none;font-size: 16px;border: 0;border-radius: 3px;transition: all .6s;font-family: Electrolize,ge_dinar_tworegular;margin-right: 15px;} .subscribe-css-email-button:hover{background:#37b185;} #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;font-family: Electrolize,ge_dinar_tworegular;} #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;font-style:italic;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%;}
- ضع الكود التالي في المكان الدي يناسبك
<div id='subscribe-css'> <p class='subscribe-note'><span>إشترك</span> <span class='itatu'> فى </span>النشرة البريدية</p> <div class='subscribe-wrapper'> <div class='subscribe-form'> <form action='http://feedburner.google.com/fb/a/mailverify?uri=jazairiweb' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=jazairiweb', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input name='uri' type='hidden' value='jazairiweb'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='ضع بريدك الأكلترونى هنا'/><input class='subscribe-css-email-button' title='' type='submit' value='إشترك'/></form> </div> </div> </div>
يوجد فى هذا الكود الأخير كلمة jazairiweb مكرره ثلاث مرات
سوف تقوم بتغييرها برابط الخلاصة التى سوف تقوم بعملها لموقعك.
0 التعليقات: