.

الخميس، 24 يناير 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBScyPtEiXLlz59Hlg4WEmbYS49TPuqzJu5XxWRtQbWEbOLEd0LlXefhBVLtQluiugQNgESmFt_nwuNg7aMTSTMuc8fftLWDYPZKu2LApz8uDl4gI7fl3pq3AtUG-hN2pQzezuZrKT8iEe/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 الموجوده بالكود بإسم رابط دونتك في فيد برنر الرابط الذي إخترته بالإنجليزية في الصورة الثانيةهذا
وهذا مثال للآداة للإشتراك في كن مدون ولا تنسى أن تشترك ليصلك جديدنا

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

0 التعليقات:

إرسال تعليق