هل تريد إضافة إنضمام إلى أعضاء مدونة بلوجر ؟ هل تبحث عن إضافة صندوق إنضمام إلى المدونة ؟ أم تريد سكربت إضافة صندوق إنضمام إلى المدونة في بلوجر ؟
من أجمل إضافات بلوجر 2022 , هي إضافة صندوق إنضمام إلى أعضاء مدونة بلوجر بشكل متحرك. الإضافة التي يبحث عنها العديد من المدونين على منصة بلوجر.
إضافة صندوق إنضمام إلى أعضاء مدونة بلوجر – أجمل إضافات بلوجر
لدى في السطور القادمة سوف نتعرف على شكل هذه الإضافة , وطريقة تركيبها على مدونة بلوجر , والكود أو سكربت التي سوف تحتاج له الإضافة أداة إنضمام إلى أعضاء مدونة.
كلنا نعرف أن كثرة الأكواد البرمجية تأثر على سرعة المدونات بشكل كبير , لكن إضافة صندوق إنضمام إلى مدونة بلوجر , هي إضافة بسيطة ولا تحتاج لإضافة أكواد في قوالب بلوجر , فقط سنستعمل أداة جافاسكريبت من خلال التنسيق.
تحتاج هذه الإضافة لجمع أكبر عدد ممكن من الأعضاء في مدونة , كما يتم إخطارهم عبر البريد الإلكتروني في حالة نشر أي مقال جديد عبر مدونتك.
كيفية إضافة صندوق إنضمام إلى أعضاء مدونة بلوجر
الإضافة أداة إنضمام إلى أعضاء مدونة بلوجر , سوف تحتاج لكود بسيط , من خلاله سوف تتمكن من عرض صندوق على المدونة الخاصة بك بشكل متحرك وجذاب.
وخطوات عرض هذه الإضافة على المدونة بسيطة , فقط تابع الشرح الأتي:
- توجه إلى الواجهة الرئيسية في Blogger.
- إنتقل إلى التنسيق من القائمة المنسدلة.
- قم بختيار المكان المناسب لك الإضافة صندوق.
- بعدها قم بإضافة أداة جديدة على شكل JavaScript/Html.
- ضع الكود التالي مباشرة بداخل الأداة الجديدة.
<style>
.najiri-bo{ background:linear-gradient(to left, #e91e63, rgb(45, 33, 63));border: 4px solid #e91e63;border-radius: 8px;padding: 15px;
border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1}
/* btn demo */ .najiri-demo{ margin: 10px auto;
text-align: center; text-decoration: none; cursor:pointer!important;
overflow:hidden; text-decoration:none; display:inline-block;
-webkit-appearance:none; font-size:1em; border-radius:4px;
color:rgba(255,255,255,0.8); font-weight:300;padding:5px 20px 20px 20px;
margin:0 15px; box-shadow:0 2px 2px 1px rgba(0,0,0,0.1);transition:all 0.3s; background:#ff4081; }
.najiri-demo:hover{ box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
position:relative;overflow:hidden;-webkit-transform:translatez(0) }
</style>
<div class="najiri-bo" style="">
إشترك ليصلك كل مواضيع واحة بلوجر
<br />
<br />
<p style="text-align:center;">
<a class="najiri-demo" target="_blank" rel="noopener nofollow" href="https://www.blogger.com/follow.g?view=FOLLOW&blogID=6857034708882438583">
<img class="najiri-z" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90ucKWfmMarZsaQ7AR6ZE-5sC5XnlAavv07rSZaqLu3nWLlK2KpCw93IzRPCoyN4p2HqalA_0whuytbzSuuzxtKmN6cqKK76iy8ErYAhx39eCpOySIjQY03cfUWa4lr6p6Nik8hmHk3c/s1600/mdwab1.gif" style="
position: absolute;
width: 80px;
margin-left: auto;
margin-right: auto;
margin-top: -44px;
z-index: 9998;
" />
<br />
إنضم إلى أعضاء
</a></p>
</div>
عند إضافة صندوق إنضمام إلى أعضاء مدونة بلوجر , يجب عليك تغيير معرف المدونة الخاص بي إلى المعرف الخاص بك ما يعرف ب “ID” المدونة. والذي يظهر لك باللون الأحمر.
» أقرأ أيضا : كيفية اضافة ايقونات التحميل داخل المقال لمدونة بلوجر – إضافات بلوجر 2022
كذلك يمكنك تغيير الألوان والكلمات بما يناسبك في الإضافة.
إذا واجهت مشكلة أتناء تركيب إضافة إنضمام إلى أعضاء مدونة بلوجر , يمكنك إبلاغنا عبر التعليقات.
إلا هنا نكون وصلنا إلى نهاية موضوع اليوم , الذي تعرفنا من خلاله عن كيفية إضافة صندوق إنضمام إلى أعضاء مدونة بوجر. التي تعتبر من أحدث وأجمل إضافات بلوجر 2022.
