اضافات بلوجربلوجرشروحات بلوجر

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

بواسطة عماد لمباركي
0

هل تريد إضافة صندوق اشتراك في القائمة البريد على بلوجر ؟ هل تريد إضافة أداة إشتراك في القائمة البريدية ؟ هل ثبحت عن طريقة إضافة صندوق الإشتراك في المدونة ؟

اضافة صندوق اشتراك في القائمة البريدية في بلوجر - إضافات بلوجر 2021
إضافة صندوق اشتراك في القائمة البريدية متحرك واحترافي على بلوجر


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

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

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

[ قد يهمك : إضافة أزرار مواقع التواصل الإجتماعي ب 5 أشكال إحترافية على بلوجر. ]

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

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

[ الأكثر مشاهدة : طريقة إجبار الزوار عن تعطيل مانع الإعلانات أدبلوك في مدونتك. ]

كيفية تركيب صندوق اشتراك في القائمة البريدية على بلوجر 

لتركيب أداة الإشتراك في القائمة البريدية على بلوجر بشكل متحرك وإحترافي , سوف تحتاج لكود أو سكريبت بلوجر الذي سوف أشاركه معك. بعدها إتبع الخطوات التالية:

  1. توجه إلى اللوحة الرئيسية في بلوجر.
  2. إنتقل إلى المظهر , تم تعديل HTML.
  3. إستخدم CTRL + F للبحث عن الوسم <body>.
  4. فوق الوسم مباشرة قم بإضافة سكريبت صندوق إشتراك.

   <!-- كود اضافة الاشتراك -->

  <style type='text/css'>
/* Subscribe Box */
@keyframes rotate{100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.rainbow{position:relative;z-index:0;overflow:hidden;padding:3px}.rainbow::before{content:'';position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#2ecc71;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#2ecc71,#2ecc71),linear-gradient(#fbb300,#fbb300),linear-gradient(#e74c3c,#e74c3c),linear-gradient(#3498db,#3498db);animation:rotate 8s linear infinite}.rainbow::after{content:'';position:absolute;z-index:-1;left:5px;top:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:#fff}#HTML99{padding:0}#HTML99 h2{color:#222;padding:0}#HTML99 h2:before{display:none}.subscribe-wrapper{color:#222;line-height:20px;margin:0;padding:20px}.subscribe-form{clear:both;display:block;margin:10px auto;overflow:hidden}.subscribe-wrapper p{margin:0;font-size:14px}form.subscribe-form{clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden}.subscribe-css-email-field{background:#fff;color:#222;margin:0 0 18px;padding:12px;width:100%;border:1px solid rgba(0,0,0,0.1);outline:0;font-size:14px;text-indent:10px;line-height:20px;border-radius:3px;transition:all .6s}.subscribe-css-email-field:hover,.subscribe-css-email-field:focus{border-color:rgba(0,0,0,0.3)}.subscribe-css-button{background:#2c3e50;color:#fff;cursor:pointer;font-weight:500;padding:7px;text-transform:none;width:100%;border:none;font-size:16px;border-radius:3px;transition:all .3s}.subscribe-css-button:hover{background:#34495e}
</style>

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

[ من إضافات بلوجر : إضافة التقييم بالنجوم لمواضيع مدونة بلوجر. ]

بعد ذلك سوف أترك لك كود تاني سوف تقوم بإضافته بتنسيق القالب , لكن قبل إضافته ستجد كلمة متكررة مرتين بإسم “aribhde” يجب عليك تعديلهم بالإسم الخاص بك في Feedburner. تم إتبع الخطوات الأتية.

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

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

  1. توجه إلى اللوحة الرئيسية على Blogger.
  2. إنتقل إلى التنسيق من القائمة المنسدلة.
  3. إختر المكان الذي تريد أن يطهر به صندوق الاشتراك.
  4. أضغط على إضافة أداة , حدد على JavascriptHtml.
  5. ألصق الكود التالي بداخل الأداة , تم ضع عنوان مناسب لك.
  6. أنقر حفظ , وتوجه لمعاينة صندوق اشتراك الإحترافي.

<div class="container">
<div class="rainbow">
<div id="subscribe-css">
<div class="subscribe-wrapper">
<h2>اشتراك في قائمة البريدية</h2>
<p>كن من اعضاء و اصدقاء الموقع لتتوصل بكل الجديد عبر البريد الكتروني الخاص بك.</p>
<div class="subscribe-form">
<form action='https://feedburner.google.com/fb/a/mailverify?uri=aribhde' class="subscribe-form" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=InSEOFree', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
  <input name="uri" type="hidden" value="aribhde" />
<input name="loc" type="hidden" value="en_US" />
<input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="اكتب البريد الكتروني الخاص بك..." />
<input class="subscribe-css-button" title="" type="submit" value="اشتراك" />
</form>
</div>
</div></div></div>
</div>

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

ملاحظة يمكن إضافة الأداة في الشريط الجانبي من المدونة وأيضاً في الفوتر.

[ ذات صلة : سكريبت إضافة صندوق إعجاب فيس بوك منبثق على بلوجر. ]

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

إشترك في القناة لدعمنا


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

إضافة صندوق اشتراك في القائمة البريدية على بلوجر , إضافة أداة إشتراك عبر البريد الإلكتروني في مدونة بلوجر. إضافات بلوجر 2021

إضافات بلوجر
عماد لمباركي365 المشاركات 2 تعليقات

عماد لمباركي مدون عربي مغربي , مقيم في دولة الامارات العربية المتحدة. اشارك المعلومات التي لدي بها دراية عامة في العديد من المجالات عبر الانترنت

قد يعجبك ايضا المزيد عن المؤلف
أكتب تعليقا