شرح عمل الخلاصة والقائمة البريدية RSS feedburner
لماذا FeedBurner شرح عمل الخلاصة والقائمة البريدية ؟
هو موقع مملوك لشركة Google مجاني يمكنك استغلاله في عمل التالي:
1- إنشاء قائمة بريدية لإرسال تحديثات الموقع/المدونة إلى البريد الإلكتروني الخاص بالزوار بشكل آلي.
2- استخدامها في النشر التلقائي عبر مواقع التواصل الاجتماعي.
3- استخدام روابط Rss في تركيب أدوات متنوعة للمدونة مثل خريطة الموقع، إضافة ءاخر المواضيع، مواضيع ذات صلة
الشيفرة المستخدمة في الشرح لإظهار الاشتراك في القائمة البريدية
<div id='byard-emailsubsocial'> <div class='emailsub'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=هنا كود الفيد الخاص بك', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type='text' name='name' placeholder='الاسم' /> <input type='text' name='email' placeholder='البريد الإلكتروني الخاص بك' /> <input type="hidden" value="هنا كود الفيد الخاص بك" name="uri"/> <input type="hidden" name="loc" value="en_US"/> <input value="اشترك الآن!" class="button" type="submit" /> </form> </div> </div> <style type='text/css'> #byard-emailsubsocial { width: 330px; height: 180px; border: 1px solid #ddd; border-radius: 5px 5px 0px 0px; } #byard-emailsubsocial .heading {padding: 15px 25px;line-height: 35px;font-size: 25px;font-weight: 600;font-family: AraJozoor-Regular;color: rgb(170, 170, 170);text-align: center;text-shadow: 0px 1px rgba(255, 255, 255, 0.75);background: none repeat scroll 0% 0% rgb(247, 247, 247); } #byard-emailsubsocial p { font-family: AraJozoor-Regular; font-size: 16px; color: rgb(170, 170, 170); line-height: 25px; padding:10px 20px 0 20px; margin: 0; } #byard-emailsubsocial .emailsub { padding:0px 20px 10px 20px; } #byard-emailsubsocial .emailsub input { color: rgb(170, 170, 170); padding: 10px; margin-top: 10px; font-size: 18px; font-family: AraJozoor-Regular; width: 92%; border: 1px solid #ccc; border-bottom: 2px solid #ccc; border-radius: 5px; transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; } #byard-emailsubsocial .emailsub input:focus { border-color:#F4836A; outline: none; box-shadow: 0 0 2px 1px #F4836A; } #byard-emailsubsocial .emailsub .button { background: #5b2e93; color: white!important; border:none; outline: none; border-bottom: 3px solid #B3614E; transition:background .4s linear; width: 90%; margin-left: 5%; margin-right: 5%; font-weight: 600; cursor:pointer; } #byard-emailsubsocial .emailsub .button:hover{ background: #DD7761; } </style>
إلى اللقاء في الدرس القادم
مع تمنياتي لكم النجاح والتوفيق 🙂
شركنا في تقييم هذا الدرس
نتيجة التقييم النهائية