Loading...
‏إظهار الرسائل ذات التسميات blogging-tricks. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات blogging-tricks. إظهار كافة الرسائل

تحويل صورة إلى إقونة svg على مدونة بلوجر

سبتمبر 19, 2025 Add Comment

طريقة إضافة رسومات svg إلى الويب

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

طريقة إضافة svg إلى صفحت المدون

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

طريقة إضافة رسومات svg إلى الويب

التحميل

<img src="equilateral.svg" 
    alt="triangle with all three sides equal"
    height="100"
    width="100" />

طريقة تضمين الصورة داخل كود

ماعليك سوى إدراج عنوان الصورة في السمة src والأن التحكم في الإرتفاع و الطول height-width هكدا يتم إدراج صورة بمقاس السيو إليك صورة بالحجم المناسب لي السيو في خانة src إدراج عنوان الصورة هده الصورة بمعايير السيو تستطيع التحكم فيها كما تريد في وضع html في الصفحة إليك الصورة svg صغيرة وكأنها إقونة في الحقيقة ستصبح إقونة ستقوم بتحويل الصورة إلى إقونة svg إن هذا لشيأ رائع هكذا تخفف من ثقل المدونة بقليل ، وإذا أردتَ إدراج صورة في البلوجر يجب عليك تحويل الصورة إلى webp لكي يتم قرأة الصورة في جميع المتصفحات لهذا نستعمل الإقونة بذل صورة عادية مما يجعل سرعة الموقع خفيفة على متصفح قياس سرعة إليك.

كيفية تضمين كود الصورة داخل إطار css

لايمكن التحكم في محتوى الصورة من svg. لننتقل إلى المطهر في قسم css لي الصورة لتتحكم في وضع الإنشاء وتبديل مطهر الصورة.

أضف هذا الكود وشاهد سرعة تحميل مدونتك

نوفمبر 11, 2023 3 Comments

تسريع تحميل مدونتك

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

كيفية تسريع تحميل بلوجر
منشورات قد تهمك

التحميل السريع للمدونات الأجنبية و العربية

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

وضع كوذ التسريع للمدونات

أول إذهب للمدونة ونقر فوق تخطيط والأن إنتقل إلى وضع التعديل أنقر على زر الكيبورد ctrl+f ستطهر معك خانة البحث فوق إبحث على هذا الوسم </HEAD> ولصق الكوذ فوق هذا الوسم مباشرة وضغط على حفط المطهر ثم إذهب للموقع وأعد تحميل الصفحة وشاهد الفرق شكرا لكم هذا كل شيأ اليوم إليك الكوذ حمل.

<script>
//<![CDATA[
/*code by androidlamine */
let t,e;const n=new Set,o=document.createElement("link"),i=o.relList&&o.relList.supports&&o.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype,s="instantAllowQueryString"in document.body.dataset,a="instantAllowExternalLinks"in document.body.dataset,r="instantWhitelist"in document.body.dataset,c="instantMousedownShortcut"in document.body.dataset,d=1111;let l=65,u=!1,f=!1,m=!1;if("instantIntensity"in document.body.dataset){const t=document.body.dataset.instantIntensity;if("mousedown"==t.substr(0,"mousedown".length))u=!0,"mousedown-only"==t&&(f=!0);else if("viewport"==t.substr(0,"viewport".length))navigator.connection&&(navigator.connection.saveData||navigator.connection.effectiveType&&navigator.connection.effectiveType.includes("2g"))||("viewport"==t?document.documentElement.clientWidth*document.documentElement.clientHeight<45e4&&(m=!0):"viewport-all"==t&&(m=!0));else{const e=parseInt(t);isNaN(e)||(l=e)}}if(i){const n={capture:!0,passive:!0};if(f||document.addEventListener("touchstart",function(t){e=performance.now();const n=t.target.closest("a");if(!h(n))return;v(n.href)},n),u?c||document.addEventListener("mousedown",function(t){const e=t.target.closest("a");if(!h(e))return;v(e.href)},n):document.addEventListener("mouseover",function(n){if(performance.now()-e<d)return;const o=n.target.closest("a");if(!h(o))return;o.addEventListener("mouseout",p,{passive:!0}),t=setTimeout(()=>{v(o.href),t=void 0},l)},n),c&&document.addEventListener("mousedown",function(t){if(performance.now()-e<d)return;const n=t.target.closest("a");if(t.which>1||t.metaKey||t.ctrlKey)return;if(!n)return;n.addEventListener("click",function(t){1337!=t.detail&&t.preventDefault()},{capture:!0,passive:!1,once:!0});const o=new MouseEvent("click",{view:window,bubbles:!0,cancelable:!1,detail:1337});n.dispatchEvent(o)},n),m){let t;(t=window.requestIdleCallback?t=>{requestIdleCallback(t,{timeout:1500})}:t=>{t()})(()=>{const t=new IntersectionObserver(e=>{e.forEach(e=>{if(e.isIntersecting){const n=e.target;t.unobserve(n),v(n.href)}})});document.querySelectorAll("a").forEach(e=>{h(e)&&t.observe(e)})})}}function p(e){e.relatedTarget&&e.target.closest("a")==e.relatedTarget.closest("a")||t&&(clearTimeout(t),t=void 0)}function h(t){if(t&&t.href&&(!r||"instant"in t.dataset)&&(a||t.origin==location.origin||"instant"in t.dataset)&&["http:","https:"].includes(t.protocol)&&("http:"!=t.protocol||"https:"!=location.protocol)&&(s||!t.search||"instant"in t.dataset)&&!(t.hash&&t.pathname+t.search==location.pathname+location.search||"noInstant"in t.dataset))return!0}function v(t){if(n.has(t))return;const e=document.createElement("link");e.rel="prefetch",e.href=t,document.head.appendChild(e),n.add(t)}
//]]>
</script>