الثلاثاء، 12 مايو 2015
استكمالا لإضافات بلوجر التي تحدثنا عنها في تدويناتنا السابقة٬ سنشرح اليوم بإذن الله - تعالى - طريقة إضافة خدمة الاشتراك بالبريد الالكتروني في مدونتك و التي تتيح للمشتركين تحديثا مستمرا بكل جديد في مدونتك عبر البريد الالكتروني الذي قاموا بالتسجيل به في هذه الخدمة.
هناك العديد من التطبيقات التي تقوم بهذه المهمة لكني اخترت تطبيق فيدبرنر " Feed Burner " كأحد أشهر التطبيقات التي تقوم بهذه المهمة على الإطلاق٬ و كذلك لكونه أحد خدمات شركة جوجل العملاقة فلا تحتاج للتسجيل به لامتلاكك بريد الكتروني على " Gmail ".
هيا بنا إلى الجانب العملي
نستعين بالله أولا قبل كل شئ.
1- قم بالتسجيل ببريدك في " Gmail " - إن لم تكن مسجلا.
3- ستظهر لك صفحة واجهة البرنامج. قم بكتابة عنوان الخلاصات الخاص بمدونتك ثم انقر على " ˃˃ Next " - كما بالصورة رقم " 1 ".
 |
| صورة رقم " 1 " : طريقة التسجيل في موقع Feedburner |
و هذا مثال لعنوان الخلاصات الخاص بمدونتنا - فن الربح :
http://profit-tech.blogspot.com/feeds/posts/default
قم بتغيير " profit-tech.blogspot.com " برابط مدونتك لتحصل على عنوان الخلاصات الخاص بمدونتك.
4- ستظهر لك الصورة رقم " 2 ". قم بكتابة عنوان التغذية " Feed Title " و ليكن اسم مدونتك مثلا و كذلك رابط التغذية " Feed Address " و ليكن اسم مدونتك أو ما شابه - و لكن يشترط أن يكون باللغة الإنجليزية - كما يظهر بالصورة.
 |
| صورة رقم " 2 " : طريقة إنشاء تغذية بموقع Feedburner |
5- ستظهر لك الصورة رقم " 3 " تهنؤك بنجاح تسجيل التغذية و سنبدأ بعد ذلك في إعدادات التغذية. قم بالنقر على " Skip directly to feed management ".
 |
| صورة رقم " 3 " : تابع طريقة إنشاء تغذية بموقع Feedburner |
6- ستظهر لك الصورة رقم " 4 ". قم بالنقر على " Publicize " ثم على " Email Subscriptions ".
 |
| صورة رقم " 4 " : تابع طريقة إنشاء تغذية بموقع Feedburner |
7- ستظهر لك الصورة رقم " 5 ". قم بالنقر على " Activate " لتفعيل الخدمة.
 |
| صورة رقم " 5 " : تابع طريقة إنشاء تغذية بموقع Feedburner |
8- قم بالنقر على " Subscription Management ". ستظهر لك الصورة رقم " 6 ". قم بنسخ الكود الذي يظهر لك أسفل الصفحة و الصقه بأداة " HTML/JavaScript " لتحصل على الأداة الأساسية لموقع " Feed Burner ".
 |
| صورة رقم " 6 " : تابع طريقة إنشاء تغذية بموقع Feedburner |
9- لضبط رسالة تفعيل الاشتراك باللغة العربية و التي تصل للمشترك في الخدمة على بريده الالكتروني الذي قام بالتسجيل به٬ قم بالنقر على " Communication Preferences ".
10- ستظهر لك الصورة رقم " 7 ". قم بتغيير " فن الربح Activate Your Email Subscription to : " إلى " رسالة تفعيل الاشتراك في : فن الربح " مع تغيير " فن الربح " باسم مدونتك. و كذلك قم بتغيير الرسالة الانجليزية التي عنوانها " Confirmation Email Body " برسالة كهذه :
السلام عليكم و رحمة الله و بركاته
شكرا لانضمامك إلى صندوق مراسلات فن الربح
لإكمال عملية تفعيل الاشتراك قم بالنقر على
الرابط التالي ليصلك جديدنا
{confirmlink}$
(إن لم يعمل معك الرابط قم بنسخه و وضعه في شريط عناوين متصفحك)
* مع ملاحظة أن {confirmlink}$ هو رابط تفعيل الاشتراك - كما ورد في رسالة التفعيل الانجليزية
* قم بتغيير " فن الربح " باسم مدونتك. ثم قم بالنقر على " Save " - كما بالصورة رقم " 7 ".
* قم بتغيير " فن الربح " باسم مدونتك. ثم قم بالنقر على " Save " - كما بالصورة رقم " 7 ".
 |
| صورة رقم " 7 " : تابع طريقة إنشاء تغذية بموقع Feedburner |
- إن لم تعجبك الإضافة الأساسية بالموقع و التي استخدمنا فيها الكود الموجود بالصورة رقم " 6 " بالأعلى٬ قم بإضافة الكود التالي في أداة " HTML/JavaScript ".
<style>
.subscriptionboc
{border-style:solid;
border-radius: 30px 30px 30px 30px;
border-width:2px;
border-color:#000;
padding:10px;width:275px;
background:#F7E8FF;
transition: box-shadow .777s;
-webkit-transition: box-shadow .777s;
-moz-transition: box-shadow .777s;
-o-transition: box-shadow .777s;
-ms-transition: box-shadow .777s;}
.subscriptionboc:hover
{border:2px dashed;background:#fff;}
.paratraf
{font-size:15px;
font-family:"droid arabic kufi";
text-align:center;
color:#000;}
.feed-links{display:none;}
.enteremail
{background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/email.png") no-repeat scroll 10px center #FFFFFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset;
color: #8B8B8B;
padding: 5px 5px;
border-style:solid;
border-width:2px;
border-color:#CACACA;}
.forspace
{padding:5px;}
.button45
{background: -moz-linear-gradient(center top , #30A146 0%, #249334 100%) repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 4px 4px 4px 4px;
color: #000000;
cursor: pointer;
font-family: "droid arabic kufi";
font-weight: bold;
padding: 5px 5px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
background:#29A3DB;
border: 0 none;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
cursor: pointer;
font-family: "droid arabic kufi";
font-weight: bold;
padding: 5px 5px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);}
</style>
<div class="subscriptionboc">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=profit-tech', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<div class="paratraf">اشترك بالبريد الإلكتروني ليصلك جديدنا.ستصلك رسالة عبر البريد الإلكتروني لتفعيل اشتراكك</div>
<p>
<div class="forspace">
<center>
<input class="enteremail" type="text" style="width:200px" name="email" value="أدخل بريدك الالكتروني هنا..." onfocus="if (this.value == "أدخل بريدك الالكتروني هنا...") {this.value = ""}"/>
</center>
</div>
</p>
<input type="hidden" value="profit-tech " name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<center>
<input class="button45" type="submit" value="اشترك الآن" /></center></form>
</div>
مع مراعاة التالي :
- الرقم " 275 " يدل على عرض الإضافة. قم بتغييره حسبما يروق لك.
- قم بتغيير " profit-tech " بـاسم المستخدم الخاص برابط التغذية " الخلاصات " لمدونتك.ستجده مكررا مرتين فقم بتغييره.
* يمكنك إيجاد رابط التغذية الخاص بك - كما بالصورة رقم " 2 " بالأعلى.
و هذا نموذج للاشتراك بالبريد الإلكتروني في " فن الربح "
من فضلك قم بالاشتراك ليصلك جديدنا
و انتظرونا في التدوينة القادمة بإذن الله تعالى
و انتظرونا في التدوينة القادمة بإذن الله تعالى
الاشتراك في:
تعليقات الرسالة (Atom)
اشترك في خدمة البريد ليصلك جديدنا
إرسال تعليق
كم يسعدنا تفاعلكم معنا بتعليقاتكم الهادفة٬ فهي تساعد على إثراء الحوار بالمزيد من الإفادة للجميع و أنا أولكم. لكن يرجى من الجميع مراعاة الآداب العامة و القيم الإسلامية و عدم نشر روابط للإشهار حتى يتم نشر التعليق. كما يمكنكم استخدام ركن الاستفسارات للسؤال عن شئ خارج الموضوع كما يمكنك إضافة كود داخل التعليق بعد تحويله بـمحول الأكواد .