اضافة إنضمام إلى أعضاء في بلوجر (بشريط متحرك)

[المطور]

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

إضافة بطاقة من نحن إلى مدونة بلوجر v2 (https://mdwab.blogspot.com/2019/09/Add-blogger-card-About-me-v2.html)

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

طريقة إضافة إنضمام إلى متابعين في بلوجر


طبعا طريقة سهلة جدا كل ما عليك هو

دخول إلى بلوجر
تم التخطيط
تم اضافة أداة جديدة HTML/javascript
ضع كود التالي دخلها


<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=7465458308870827208">
<img class="najiri-z" src="https://2.bp.blogspot.com/--4ETxblktzk/XVmMMkjpO9I/AAAAAAAAHJI/_v7WOyA_xx8olPorUKTD_HikPHhmBL8_ACLcBGAs/s1600/mdwab1.gif" style="
position: absolute;
width: 80px;
margin-left: auto;
margin-right: auto;
margin-top: -44px;
z-index: 9998;
" />
<br />
إنضم إلى أعضاء
</a></p>



</div>


كتابة مقال متوافق مع seo محركات البحث (https://mdwab.blogspot.com/2019/05/Write-article-with-SEO.html)

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

المصدر : ماتريال ويب (https://mdwab.blogspot.com/2019/10/weight-members-blogger-animated.html)