مساحة إعلانية

الخميس، 17 يناير، 2013

الخميس، 17 يناير، 2013

شرح إضافة وإعداد نموذج إشترك في البريد الإلكتروني

من أهم الإضافات للمواقع هي خدمة الإشتراك بالبريد الإلكتروني وهي تتيح إمكانية إرسال رسالة تلقائية للبريد المشترك بها بوجود جديد في الموقع وهذا يجعل الزوار على تواصل دائم بالموقع وأشهر من يقدم هذه الخدمة طبعا FeedBurner وهو أيضا من خدمات جوجل ولن تحتاج فتح حساب عليه لأنك طبيعي تملك حساب Gmail المفتاح السحري لخدمات جوجل
لكن ما ستحتاجه هو طريقة ربط الحساب وتفعيلة لكي يمكنك إستخدام الخدمة في مدونتك
أولا عليك تسجيل الدخول ببريدك في جي ميل على موقع فيد برنر من هنا http://feedburner.google.com

شرح تفعيل الإشتراك في فيد برنر

هذا ما ستشاهده في الصفحة الأولى لفيد برنر وعليك إضافة عنوان خلاصات مدونتك وهذا مثال
 فقط غير cnmu.blogspot.com برابط مدونتك

http://cnmu.blogspot.com/feeds/posts/default


الآن ننتقل لخطوات الحصول على آداة الإشتراك وإعدادها


الكود الموجود هو كود أساسي يمكنك إستخدامه أو إستخدم الكود الذي سنضعه في نهاية الموضوع الفرق سيكون في الشكل وهناك آلاف الأكواد المختلفة على الإنترنت تختلف الاشكال لكن الوظيفه واحده
هكذا الادة ستعمل بشكل طبيعي لكن هناك إعداد يفضل عمله وكثير من المدونين لا يقوم بإعداده
وهو تعريب الرسالة التي ترد للمشتركين
طبيعي عندما يشترك احد في الخدمة تصل له رسالة تطالبه بالتفعيل وذلك للتأكد أنه يملك البريد الإلكتروني الذي وضعه
لكن نص تلك الرسالة يكون بالإنجليزية ولكن لان المحتوى عربي يجب ان يكون النص عربي فلا يستطيع كل المستخدمين فهم الإنجليزية


 

وهذا هو نص الرسالة العربية غير به ما تريد لكن لا تغير الكلمة الإنجليزية فهي مكان رابط التفعيل

السلام عليكم ورحمة الله وبركاته

شكراً لإنضمامك لصندوق مراسلات كن مدون ولكن بقيت خطوة واحدة لكي يصلك جديدنا
فقط الضغط على الرابط التالي لتفعيل الإشتراك

${confirmlink}

(ملحوظة إن لم يعمل الرابط ولم يفتح في صفحة جديدة يرجى تفعيله يدويا بنسخه ووضعه في شريط عنوان المتصفح)
 وأخيرا كود الإضافة ضعه في آداة HTML/JavaScript

<style>
.sub-box{
width: 260px;
padding:10px;
border: 2px solid #000;
border-radius: 15px;
}
.sub-box:hover{
border-style:dashed; 2px solid: #389af2;
}
form.emailform{
margin:5px 0 0;
display:block;
clear:both;
}

.emailtext{
background:url(http://4.bp.blogspot.com/-DMrSxx8BJqo/TteQx1ijO2I/AAAAAAAABF0/Qd1ROb_8oeA/s1600/ot-mail.png) no-repeat scroll 4px center #EFEFEF;
padding:7px 15px 7px 35px;
color:#444;
font-weight:bold;
text-decoration:none;
border:1px solid #8D8D8D;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width: 120px;
}
.emailtext:focus{
outline: none;
}
.sub-button{
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 10px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-goog-ms-border-radius: 5px;
border-radius: 5px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
.sub-button:hover{
background: -moz-linear-gradient(top, #e7e7e7 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
}
</style>

<center>
<div class='sub-box'>
إشترك بالبريد الإلكتروني ليصلك جديدنا
ستصلك رسالة للتفعيل عبر البريد لإكمال الإشتراك
<div style="text-align: left; display: inline-block;">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=cnmu" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=cnmu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform">
<input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;إيميلك هنا . .&quot;;}" onfocus="if (this.value == &quot;إيميلك هنا . .&quot;) {this.value = &quot;&quot;;}" value="إيميلك هنا . ."  type="text" value="أدخل إيميلك هنا " />
<input name="uri" type="hidden" value="http://feedburner.google.com/fb/a/mailverify?uri=cnmu" /><input name="loc" type="hidden" value="en_US" /> 
<input type="submit" class="sub-button" value="إشتــرك" title='' alt='' />
</form>
</div></div></center>
ملحوظة إستبدل cnmu الموجوده بالكود بإسم رابط دونتك في فيد برنر الرابط الذي إخترته بالإنجليزية في الصورة الثانيةهذا
وهذا مثال للآداة للإشتراك في كن مدون ولا تنسى أن تشترك ليصلك جديدنا

إشترك بالبريد الإلكتروني ليصلك جديدنا ستصلك رسالة للتفعيل عبر البريد لإكمال الإشتراك

هناك 13 تعليقًا:

  1. السلام عليكم ورحمة الله تعالى وزبركاته
    بارك الله فيك أخي على الموضوع المميز منك
    وفقك الله وسدد خطاك

    ردحذف
  2. وعليكم السلام ورحمة الله وبركاته
    وفيك بارك الله أخي الكريم
    وأسعدني هذا المرور العطر

    ردحذف
  3. السلام عليكم اخى (هل تتذكرنى؟؟) المهم بعد مااضغط على Subscription Management ثم علىCommunication Preferences هل اضغط على حفظ مباشرةام اغير شئ؟ثم اطبع كود الاضافه واضعه ف HTML\JAVA gadget ؟علما ان مدونتى انجليزيه

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته أهلا بك اخي احمد ونعم أذكرك يا طيب
      بالنسبة لجزئية Subscription Management الكود هو كود الآداة الرسمية لفيد برنر أى أنها ليست معدله أنا نوهت فقط لمن يرغب بإستخدامها بالنسبة لجزئية Subscription Management انت ستجد رسالة بالإنجليزية يمكنك الإبقاء عليها كما هي طالما مدونتك بالإنجليزية أو غير بها إن اردت ثم اضغط حفظ بالنسبة لتركيب الإضافة إما ان تستخدم الكود الأصلي الخاص بفيد برنر أو تستخم الكود الخاص بنا وتعدل فيه الكلمات العربية بالكلمات الإنجليزية التي تريد وبالتوفيق

      حذف
  4. شكرا على التدوينة الممتازة كالعادة
    سؤال :

    هل سيصل جديد المدونة مباشرة للمشتركين بدون أن أقوم بمراسلتهم ام يجب أن أراسلهم ؟ وكيف أجد بيانات المشتركيين ؟

    ردحذف
    الردود
    1. نعم جديد المدونة سيصل تلقائيا للمشتركين البيانات هم من يضيفونها عند الإشتراك انت لا تحتاج عمل شئ سوى ضبط النموذج واضافته في مدونتك

      حذف
  5. السلام عليكم ورحمه الله وبركاته
    كل الشكر اخي عمرو ... مميز كالعادة ... وفقك الله لما تحب ..
    انصح وبشدة بالتعامل معك ...
    تفضل بزيارتي : www.th3key.com
    دمت بود

    ردحذف
  6. ازاي اضع خاصية تسجيل الدخول في مدونتي

    ردحذف
    الردود
    1. بلوجر لا تحتوي خاصية عضوية وتسجيل دخول
      ما تحتويه بلوجر فقط هو آداة المتابعة
      http://cnmu.blogspot.com/2013/01/Google-Friend-Connect.html

      حذف
  7. اشكرك على مجهودك الجميل
    لقد عملت كل ما تقوله ولكن اسم مدونتك موجوده فى رسايل كيف احذفها و اكتب اسم مدونتى
    تفضل بزيارتى لسه مبتدىء فى تدوين WWW.DRAHMEDREFAIE.BLOGSPOT.COM

    ردحذف
    الردود
    1. أخي أعد التاكد من الخطوات لو تمت الخطواط مضبوطه لن يظهر اسم مدونتي عندك
      لو استبدلت الأكواد كما هو مذكور بالضبط ستنتهي المشكلة
      وبالتوفيق

      حذف
  8. السلام عليكم
    اخي انا لسه مبتدئ
    ممكن تقلي كيف استخدمه بالهاتف للطريقة
    مع العلم ساويت المدونة ونشرت 3 مواضيع ومن الهاتف ممكن شرح للهاتف
    هي مدونتي
    http://nur7android.blogspot.com/

    ردحذف
    الردود
    1. أهلا بك اخي الكريم القوالب الديناميكية لا تناسب الادوات كثيراً أنصحك بتغيير القالب يرجى مراجعة هذه الدورة
      http://cnmu.blogspot.com/2013/01/Con-Mudawin.html

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©