إضافة الإنضمام الى أعضاء بلوجر بشكل تقنى
إضافة الإنضمام الى أعضاء بلوجر بشكل تقنى |
مرحبًا ، سعدت بتقديم إضافة جديدة ومميزة لمنصة بلوجر، والتي تتيح إمكانية الانضمام إلى أعضاء المدونة بشكل تقني ومبتكر.
معاينة الإضافة
يمكنكم معاينة الإضافة على موقعنا .
طريقة تركيب الإضافة
فيما يلي طريقة تركيب إضافة الانضمام إلى المتابعين في بلوجر:
- قم بتسجيل الدخول إلى حسابك في بلوجر.
- انتقل إلى لوحة التحكم (التخطيط).
- قم بإضافة عنصر جديد بصيغة HTML/Javascript.
- قم بنسخ ولصق الكود التالي داخل العنصر الجديد .
<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=6705673974810789533"> <img class="najiri-z" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdrOKQe5ZfICpEOGaziQ67VcbDP7gIEX9xCe-ejnkVp82pBNUbW1tS_E3zUVNKb4WXLSjpFSUT5SnAWT4g5ludCSw1Ffc3HgJ89LS4AwCM60A7RXrAQkNFyY5_rVRrPHr57xBSuVa2A8/s1600/mdwab1.gif" style=" position: absolute; width: 80px; margin-left: auto; margin-right: auto; margin-top: -44px; z-index: 9998; " /> <br /> كن واحد من الأعضاء </a></p> </div>
التعديل على الكود
يرجى تعديل الرقم الموجود في اللون الأحمر بمعرف مدونتك الخاصة، وقم بتعديل الرقم الموجود في اللون البنفسجي للتغير باللون المفضل لديك.