اضافة اداة انضم إلينا بمظهر جميل علي مدونة بلوجر

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

كيفية اضافة اداة انضم الينا لمدونات بلوجر مجانا

تعتبر اضافة اداة متابعة مدونة بلوجر blogger من خلال البريد الألكتروني مهمة جداً، فالكثير من المدونين يبحثون علي طريقة لزيادة زوار ودائمين علي موقعهم علي بلوجر، اليوم أتيت بكم بإضافة مهمة جداً وهي اضافة انضم الينا علي مدونة بلوجر لزيادة عدد متابعين الموقع.

في الواقع بعد اضافة هذه الاضافة ستلاحظ زيادة ملحوظة في اعداد متابعين المدونة الخاصة بهم.

يمكنك التحكم الكامل للأضافة وتغيير الالوان من خلال التعديل  علي اكواد الاضافة وهذا امر غير مهماً، لان أداة انضم الينا مصممة بشكل احترافي ولا تحتاج الي تعديل.

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

مميزات اضافة اداة المتابعة بالبريد الالكتروني لمدونات بلوجر

1. الاضافة تعمل علي جميع قوالب بلوجر.
2. يتم اضافتها من التخطيط بسهولة.
3. كود نظيف خالي من الاخطاء البرمجية.
4. يمكنك اضافتها في كل تدوينة.
5. تساعدك في زيادة عدد متابعين المدونة.
6. مرئية للزائر وملفتة للنظر.
7. لا تحتاج الي التعديل علي اكواد القالب.
8. والكثير من المميزات.

طريقة اضافة اداة انضم الينا لمدونات بلوجر

• نقوم بالدخول الي المدونة الخاصة بك.
• نذهب الي التخطيط.
• نقوم بإختيار مكان مناسب لوضع اضافة زيادة المتابعين.
• نقوم بالضغط علي اضافة اداة جديدة.
• نختار Html/javascript.
• نقوم بنسخ الكود كاملاً.
• ثم نقوم بلصقه في (المحتوي).
• نقوم بالتعديل علي الرقم الملون باللون الأحمر في الكود وتضيف كود موقعك.
• ثم نقوم بالحفظ.

طريقة الحصول علي كود ايدي مدونة بلوجر

1. ننتقل الي الاعدادات في المدونة.
2. نقوم بنسخ رابط الصفحة.
3. نقوم بلصق الرابط في اي مكان.
4. ننسخ الرقم الموجود في نهاية الرابط الخاص بموقعك.
5. نلصقه مكان الرقم الملون باللون الاحمر في كود اداة انضم الينا لمدونة بلوجر.

كود اداة متابعة المدونة بالبريد الالكتروني

<style>

.najiri-bo{ background:linear-gradient(to left, #6b337a, 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:#92299e; }

 .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="">

<span style="color:#ffffff;">إشترك ليصلك أجدد المواضيع

</span>

<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=7502855448398460300">

<img class="najiri-z" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw6A8ST7tmCMqlbOdpsf1T2WFEDqW9gS_tKftOYaqu76bijVoxCJEOXpAT0sm1qQW4WpJEc4PKCEeMb1Lm_DgNviXSwuTFFWmA1Fj9sCZnST61J1DnOdUBl-artr-wDrcTk2ROmySKYgU/s1600/mdwab1.gif" style="

    position: absolute;

    width: 80px;

    margin-left: auto;

    margin-right: auto;

    margin-top: -44px;

    z-index: 9998;

" />

<br />

كن واحد من الأعضاء

    </a></p>

</div>

للتحميل اضغط هنا