 |
| إرسال رسائل على الموقع |
شفرة إرسال الرسائل لمستخدمين موقعك.
إرسال رسائل على الموقع الإلكتروني
الخطوات:
1- قم بنسخ الشفرة بالأسفل.
2-ضعها في قسم التنسيق في بلوجر.
3-قم بتعديل مدة الظهور وعنوان الرساله.
<div class="notification orange warning-ba">
<div class="icon">
<svg aria-hidden="true" data-icon="exclamation-triangle" data-prefix="fas" role="img" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path class="" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z" fill="currentColor"></path></svg></div>
<div class="info">
تحذير ..هذا نص مؤقت للمعاينة المباشرة يريك رسالة الإشعار كيف تظهر في التدوينة </div>
</div>
/* خطأ */
<div class="notification red error-ba">
<div class="icon">
<svg aria-hidden="true" data-icon="warning" data-prefix="fas" role="img" viewBox="0 0 310.285 310.285" xmlns="http://www.w3.org/2000/svg"><path d="M155.143,0.001C69.597,0.001,0,69.597,0,155.143c0,85.545,69.597,155.142,155.143,155.142s155.143-69.597,155.143-155.142 C310.285,69.597,240.689,0.001,155.143,0.001z M244.143,171.498c0,4.411-3.589,8-8,8h-163c-4.411,0-8-3.589-8-8v-32 c0-4.411,3.589-8,8-8h163c4.411,0,8,3.589,8,8V171.498z" fill="currentColor"></path></svg></div>
<div class="info">
خطأ ..هذا نص مؤقت للمعاينة المباشرة يريك رسالة الإشعار كيف تظهر في التدوينة </div>
</div>
/* معلومات */
<div class="notification blue info-ba">
<div class="icon">
<svg aria-hidden="true" data-icon="exclamation" data-prefix="fas" role="img" viewBox="0 0 45.311 45.311" xmlns="http://www.w3.org/2000/svg"><path d="M22.675,0.02c-0.006,0-0.014,0.001-0.02,0.001c-0.007,0-0.013-0.001-0.02-0.001C10.135,0.02,0,10.154,0,22.656 c0,12.5,10.135,22.635,22.635,22.635c0.007,0,0.013,0,0.02,0c0.006,0,0.014,0,0.02,0c12.5,0,22.635-10.135,22.635-22.635 C45.311,10.154,35.176,0.02,22.675,0.02z M22.675,38.811c-0.006,0-0.014-0.001-0.02-0.001c-0.007,0-0.013,0.001-0.02,0.001 c-2.046,0-3.705-1.658-3.705-3.705c0-2.045,1.659-3.703,3.705-3.703c0.007,0,0.013,0,0.02,0c0.006,0,0.014,0,0.02,0 c2.045,0,3.706,1.658,3.706,3.703C26.381,37.152,24.723,38.811,22.675,38.811z M27.988,10.578 c-0.242,3.697-1.932,14.692-1.932,14.692c0,1.854-1.519,3.356-3.373,3.356c-0.01,0-0.02,0-0.029,0c-0.009,0-0.02,0-0.029,0 c-1.853,0-3.372-1.504-3.372-3.356c0,0-1.689-10.995-1.931-14.692C17.202,8.727,18.62,5.29,22.626,5.29 c0.01,0,0.02,0.001,0.029,0.001c0.009,0,0.019-0.001,0.029-0.001C26.689,5.29,28.109,8.727,27.988,10.578z" fill="currentColor"></path></svg></div>
<div class="info">
معلومات ..هذا نص مؤقت للمعاينة المباشرة يريك رسالة الإشعار كيف تظهر في التدوينة </div>
</div>
/* نجاح */
<div class="notification green success-ba">
<div class="icon">
<svg aria-hidden="true" data-icon="check" data-prefix="fas" role="img" viewBox="0 0 330 330" xmlns="http://www.w3.org/2000/svg"><path d="M165,0C74.019,0,0,74.019,0,165s74.019,165,165,165s165-74.019,165-165S255.981,0,165,0z M165,300 c-74.44,0-135-60.561-135-135S90.56,30,165,30s135,60.561,135,135S239.439,300,165,300z" fill="currentColor"></path><path d="M226.872,106.664l-84.854,84.853l-38.89-38.891c-5.857-5.857-15.355-5.858-21.213-0.001 c-5.858,5.858-5.858,15.355,0,21.213l49.496,49.498c2.813,2.813,6.628,4.394,10.606,4.394c0.001,0,0,0,0.001,0 c3.978,0,7.793-1.581,10.606-4.393l95.461-95.459c5.858-5.858,5.858-15.355,0-21.213 C242.227,100.807,232.73,100.806,226.872,106.664z" fill="currentColor"></path></svg></div>
<div class="info">
نجاح ..هذا نص مؤقت للمعاينة المباشرة يريك رسالة الإشعار كيف تظهر في التدوينة </div>
</div>
/* هدية */
<div class="notification purple gift-ba">
<div class="icon">
<svg aria-hidden="true" data-icon="gift" data-prefix="fas" role="img" viewBox="0 0 297 297" xmlns="http://www.w3.org/2000/svg"><path d="M66.419,124.037l-17.755,18.625c-1.308,1.371-3.104,2.121-4.951,2.121c-0.561,0-1.126-0.07-1.683-0.211 c-2.395-0.609-4.275-2.459-4.92-4.844L24.4,92.723c-0.646-2.385,0.046-4.932,1.808-6.662c1.76-1.73,4.319-2.377,6.691-1.693 l33.52,9.676V21.4C28.906,27.131,0,61.051,0,101.924c0,37.311,32.309,78.072,66.419,110.709V124.037z" fill="currentColor"></path><polygon points="63.376,107.404 40.776,100.879 47.145,124.43"></polygon><polygon points="88.843,100.516 111.442,107.039 105.073,83.49"></polygon><path d="m219.351,20.535c-31.482,0-58.648,19.725-70.834,48-11.873-27.547-37.968-46.969-68.417-47.953v69.279l23.453-24.605c1.704-1.787 4.243-2.518 6.634-1.91 2.395,0.607 4.274,2.461 4.92,4.844l12.576,46.496c0.255,0.717 0.394,1.488 0.394,2.295 0,3.762-3.039,6.816-6.797,6.84-0.021,0-0.042,0-0.063,0-0.633,0-1.271-0.088-1.896-0.27l-39.221-11.321v113.012c31.991,28.438 61.98,48.338 64.659,50.098 1.14,0.75 2.448,1.125 3.758,1.125 1.309,0 2.618-0.375 3.759-1.125 5.909-3.887 144.724-96.082 144.724-173.416 0-44.879-34.834-81.389-77.649-81.389z" fill="currentColor"></path></svg></div>
<div class="info">
هدية ..هذا نص مؤقت للمعاينة المباشرة يريك رسالة الإشعار كيف تظهر في التدوينة </div>
</div>