404
الصفحة او الكلمة التي تبحث (ي) عنها لا يوجد ما يطابقها

السبت، 30 أبريل، 2016

إضافة أداة النشرة البريدية وعمل الخلاصة RSS


درس جديد وموضوع جديد على مدونة عالم المدون هو ليس موضوع واحد بل موضوعين سوف نشرح اليوم كيفية تركيب اداة الإشترك فى النشرة البريدية وكيفية عمل الخلاصة 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 (&apos;http://feedburner.google.com/fb/a/mailverify?uri=WDBLOOG&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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 فى الخطوة الثانية من تركيب الأضافة .



  1.  لتفعيل خاصية الإشتراك بالنشرة البريدية اضغط على Publicize ثم Email Subscriptions واضغط على زر Activate


الى هنا ينتهى شرح تركيب الإضافة اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)

مواضيع أخر من المدونة

شارك الموضوع ليستفيد الجميع

هناك 6 تعليقات:

اضافة رائع اخي تابع الله يوفقك انشاء الله

شكرا لك اخى على دعمك و بالتوفيق لك ايضا

اخي كيف يمكن عمل زر مثل المعاينة

انتظره اخى سوف اقوم بتقديم موضوع عند
ولكن المرة القدمة بعذ اذنك اطلب ما تريد فى المكان المخصص لخ ( ركن الأسئلة )
بالتوفيق

بالتوفيق
ولكن لا تقوم بنشر روابط اخى

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر