25 أغسطس، 2015

مدون محترف اضافات بلوجر CSS jQuery اضافة صندوق الإشتراك بالمدونة داخل المواضيع

اضافة صندوق الإشتراك بالمدونة داخل المواضيع

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

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


شرح تركيب الإضافة


  1. اولا ادخل إلى لوحة تحكم بلوجر
  2. انقر على تبويب قالب
  3. انقر على تحرير HTML
ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه
/* CSS Follow by email */
.post-body .follow-by-email-inner{position:relative;margin-top:20px;display:block;background:#afc3d1;padding:20px;color:#fff;box-shadow:inset 0 0 0 1px #9eb2c0}
.post-body .follow-by-email-inner:before{content:" لا تنسى الإشتراك بنشرتنا البريدية, للحصول على اخر الاخبار ";font-family:'Droid Arabic Kufi';display:table;font-size:14px;font-weight:400;margin:auto}
.post-body input.follow-by-email-address{position:relative;float:left;background:#fff;color:#444;border:0;font-size:14px;height:42px;line-height:42px;padding-right:15px;transition:all .2s}
.post-body input.follow-by-email-address:focus {outline:none;color:#444;}
input.follow-by-email-submit{background:#9eb2c0;color:#fff;cursor:pointer;font-size:15px;height:42px;line-height:42px;width:80px;z-index:0;border:0;margin-right:-2px;transition:all .2s}
input.follow-by-email-submit:hover {outline:none;background:#8b9fad;color:#fff;}
.post-body .tabletd1 {width:auto;}
.post-body .tabletd1 td{border:0;padding:0;text-align:center;vertical-align:middle}
.post-body .tabletd2 {width:0;}

الان يجب إضافة الكود التالي فوق ازرار المشاركة داخل المواضيع او في المكان الذي تريده

<div style='clear:both'/>
<div class='follow-by-email-inner'>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&#39;https://feedburner.google.com/fb/a/mailverify?uri=mudwnp&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' target='popupwindow'>
<table class='tabletd1'>
<tr>
<td>
<input class='follow-by-email-address' name='email' placeholder='البريد الإلكتروني...' type='text'/>
</td>
<td class='tabletd2'>
<input class='follow-by-email-submit' type='submit' value='إشتراك'/>
</td>
</tr>
</table>
<input name='uri' type='hidden' value='mudwnp'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div><div style='clear:both'/>

ملاحظة إذأ احتجت اي مساعدة من اجل تركيب الإضافة داخل المواضيع بكل بساطة قم بوضع رد و سوف نقوم بمساعدتك فوراً
مواضيع ذات صلة
اضافة صندوق الإشتراك بالمدونة داخل المواضيع
4 / 5
بواسطة

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

  1. الردود
    1. لا شكر على واجب صديقي

      حذف
  2. إضافة جميلة جدًا، ماشاء الله، رأيتُها في العديد من المدونات
    لكن للأسف.. لم أجِد شرحًا أفضل لها من شرحك حبيبي منير
    لدي فقط استفسار، فيما يخص خطّ الإطار بتاع الإشتراك، لمَ هو
    ليس Droid Kufi Arabic مثل البقية؟ :3 لمَ يختلف، أعني لمَ هو خط
    عادي (Arial) أو شيء من هذا القبيل، الأفضل لو تغير كلشي في الإطار إلى
    خط كوفي آرابيك، لأنه الأفضل وبتصير الإضافة أكثر احترافيةً :p تحياتي لك على
    كلٍ،، لا أظنني سأضيفها إلى أن يتغير الخط :v ههه، باركك الله أخ منير - #ليو

    ردحذف
    الردود
    1. مرورك الجميل يا غالي
      بالنسبة للخط فقط اضف

      font-family:droid arabic kufi;

      و سوف يصبح الخط في جميع الإضافة واحد
      =r=e

      حذف
    2. حسنًا، لكنك قلتَ أنه ينبغي علينا إضافة الكود الثاني تحت أزرار المشاركة داخل المواضيع أو شيء ما :/
      ترى ~ نحن مبتدئين حاليًا ولسنا محترفين مثلك خخخ، لذا لا نعرف المكان المحدد لوجود أزرار المشاركة، لذا
      كان يتوجب عليك أن تُعطينا المكان المناسب مثل المكان الذي يظهر بالمعاينة، كان عليك أن تعطينا الكود أين نضع
      الكود الثاني، فهمتَ علي؟ :/ وأيضًا،، بالنسبة لردك: (بالنسبة للخط فقط أضف...) يعني.. وين أضِفها في الكود الثاني
      أعني.. بمحاذاة أي كود سأضع كود الـ font-family (أعلم أن كلامي معقد نوعًا ما لذا حاول أن تفهمه بأسلوبكَ الخاص هه)

      حذف
    3. اهلاً اخي ايوب حتى لو كنت مبتديء فإضافة الكود لا يحتاج إلى اي خبرة صديقي
      اكثر إضافات ازرار المشاركة يكون مكتوب بجانبها شارك الموضوع لو بحثت عنها داخل القالب سوف تعرف اين ستضع الكود
      ايضاً حتى لو اعطيتك اين تضعه لن تعرف فكل قالب يختلف عن الاخر و كل قالب بلوجر تختلف اكواده عن القالب الاخر
      بالنسبة لل Font-famliy صديقي سهلة ايضاً لو اي شخص عنده مدونة يجب ان يكون يملك و لو 1% معرفة بلغة CSS
      يعني في الكود موجود font-size اكيد سوف تضع بجانبها الـ Font-famliy

      حذف
  3. مبدع والله مبدع اخى منير والله مو فى احسن من 2 مدونين فى هذا المجال ألا وهما انت اخى صاجب مدونة مدون محترف واخى عمرو صاحب مدونة كن مدون مواضيعكم رائعه جدا بالتوفيق لكما وها الاضافه رائعه انا لم اكن احبها ولكن عندما وجدتها بمدونتك احببتها e=
    u=

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

      و شكراً على كلامك الجميل =r

      حذف
  4. أخي عند وضع البريد الإلكتروني وأضغط على إشراك
    يكتب The feed does not have subscriptions by email enabled

    ردحذف
    الردود
    1. غير معرف مدونتي mudwnp بمعرف الفيدبرنر الخاص بك

      حذف
  5. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  6. جميل والله هل فيد بير يوجد جاهز للمدونة ولا يحتاج ان اقوم بأنشائه
    واضافة جميلة جدا مبدع كعادتك

    ردحذف
    الردود
    1. شُكراً لك صديقي
      انت المبدع ونحن من بعدك
      احترامي وتقديري لشخصك الكريم

      حذف
  7. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. لا ننشر روابط إشهار

      حذف
  8. صديقي هاشتاغ الحملة لا يكتب هنا
    ويجب التعليق على احدث موضوع في مدونتي و على موضوع الحملة
    اعتذر منك لمسح التعليق وارجو ان تقرأ موضوع الحملة جيداً

    ردحذف
  9. انا اريد إضافتها في الجانب بشكل إحترافي لأن شكل عندي قدييم

    ردحذف
    الردود
    1. ابحث قي جوجل عن إضافة صندوق النشرة البريدية في بلوجر
      وسوف تظهر لك الكثير من المواضيع
      لأنّ هذه الإضافة لا تصلح في السايدبار

      حذف
  10. انا ما ابعرف كيف اوجد الوسم

    ردحذف
    الردود
    1. صراحة لم افهم قصدك عن أي وسم تقصد

      حذف
  11. الردود
    1. لا شكر على واجب صديقي

      حذف
  12. http://testbloggerwidget.blogspot.com.eg/

    ممكن حضرتك قالب هذه المدونه بلاضافات اللي فيها

    ردحذف
    الردود
    1. لا انصح باستخدامه اعتذر منك هو خاص بالإضافات

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r