11‏/01‏/2013

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

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


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

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


<style>
.abt-email{
background:url(https://lh3.googleusercontent.com/-3mMr7bVkJEA/T2mKAcZEBkI/AAAAAAAAAZI/IWMC_nG_foU/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 == &quot;&quot;) {this.value = &quot;ضع إميلك هنا&quot;;}" onfocus="if (this.value == &quot;ضع إميلك هنا&quot;) {this.value = &quot;&quot;;}" 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 برابط الفيد برنر لمدونتك

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



هل حقا إستمتعت بهذه التدوينة ؟

إذن أدخل بريدك الإلكتروني لتتوصل بجديد المواضيع

4 comments:

رائع نورنا مدومنتي راديو عيش وتعايش
http://altyiar.blogspot.com/

شكرا جزيلاً
http://safa1434.blogspot.com

في الحقيقة الاضافة بسيطة جداا
http://4-internet.blogspot.com/

إرسال تعليق