درس جديد وموضوع جديد على مدونة انيس تيتش
هو ليس موضوع واحد بل موضوعين سوف نشرح اليوم كيفية تركيب اداة الإشترك فى النشرة البريدية وكيفية عمل الخلاصة SRR لمدونتك ، إضافة الأشترك فى النشرية البريدية تمكن الزوار من متابع جديد مواضع مدونتك ، والأداة نقدمها لكم بشكل احترافى وانيق ويتم وضعها فى اسفل قالب مدونتك ويمكنك مشاهد المعاينة من الرابط التالى .
اولا تركيب أداة الإشترك فى النشؤة البريدية
1- قم بالبحث فى قالب مدونتك عن الوسم ]]></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%;}
2- الأن الكود الخاص بأظهار الإضافة وهذا الكود يتم وضعه اما فوق <div id='footer-wrapper'> مثل ما فى المعاينة او يمكنك وضعه فوق الوسم </body>
<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=WDBLOOG' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=WDBLOOG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input name='uri' type='hidden' value='WDBLOOG'/><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>
3- يوجد فى هذا الكود الأخير كلمةWDBLOOG مكرره ثلاث مرات سوف تقوم بتغييرها برابط الخلاصة التى سوف تقوم بعملها لموقعك كما سوف نشرح الأن .
ثانيا شرح عمل الخلاصة RSS لمدونتك
1- أدخل إلى هذا الموقع : FeedBurnerسيطلب منك تسجيل الدخول عبر حسابك Gmail
2- قم بمتابعة الشرح بالصور التالية .
3- إذا ظهرت لك نفس الصورة التالية إختر الخيار 2
4- يمكنك تغيير ما بالخانة 1 بعنوان للخلاصة أو أتركه كما هو أما الخانة 2فهي خاصة برابط خلاصة موقعك أتركها كما هي وقم بحفظ الكود اللى فى الخانة 2 فى ملف خارجى .
5- قم بالمتابعه .
6- قم بالمتابعه .
7- مبروك عليك تم انشاء الخلاصة بنجاح يمكنك الأن استخدام الكود الذى فى الخطوة الثانية من انشاء الخلاصة واستبداله بكلة WDBLOOG فى الخطوة الثانية من تركيب الأضافة .
لتفعيل خاصية الإشتراك بالنشرة البريدية اضغط على Publicize ثمEmail Subscriptions واضغط على زر Activate
الى هنا ينتهى شرح تركيب الإضافة اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)