إضافة أداة الإشتراك عبر الإميل الجميلة ~ موسوعة بلوجر

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

وإليكم الكود الخاص بالإضافة والذي يجب وضعه في الإطار الذي تجده عن طريق الدخول إلى التخطيط ثم إضافة أداة ثم html/javascript

<style>
.abt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3sv4upqT4QlibAiL_1GciagIEzz_Wj-tOkYYo_vAtSkZiwodq3n60wePgehO7vJor7LWTUyzGckgSkU9LXRjKTRrc-AtZFrf3-qlppf4Of5AHXPvgdR2Fmy7KDVliEf8itgXynOom7MA/h120/service-email.jpg) no-repeat -8px 10px ;
width:240px;
padding:10px 65px 0 0;
float:right;
font-size:0.9em;
font-weight:bold;
margin:0 0 10px 0;
color:#0084CE;
box-shadow: 1px 1px 5px 1px #eee;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.abt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:4.4px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:13px sans-serif; box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);

}
.abt-emailsubmit:hover{
background:#0084CE; box-shadow:inset 8px 8px 6px rgba(0,0,0,0.1);
}
.textarea{background: #fff !important;box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);
border: 1px solid #d2d2d2;
padding:0px 8px 0px 8px;
color: #888; font-size: 13px;
height: 25px; width: 160px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px; }

</style>

<div class='abt-email'>
تابعنا عبر البريد الإلكتروني
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ency-bl', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "ضع إميلك هنا";}" onfocus="if (this.value == "ضع إميلك هنا") {this.value = "";}" value="ضع إميلك هنا" type="text" />
<input type="hidden" value="ency-bl" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="abt-emailsubmit" value="تسجل الآن" type="submit" />
</form>
</div>

مع تغيير http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ency-bl برابط الفيدبرنر للإميل الخاص بك وستجده بالدخول إلى حسابك في الفيدبرنر ثم Publicize ثم Email Subscriptions

أو تغيير ency-bl برابط الفيد برنر لمدونتك

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

بقلم رشيد إدعلي

مؤسس مدونة موسوعة بلوجر ،شاب مغربي طموح محب للتدوين و التقنية بشكل عام يسعى إلى الإرتقاء بالمحتوى العربي، طرق التواصل معي إما من خلال موقع التواصل الإجتماعي فيسبوك أو من خلال البريد الإلكتروني : rachidox2@gmail.com