إضافة ويدجت جميل قيد الإنشاء على مدونة بلوجر HTML !

لن يتطلب إنشاء منشورات المدونة قيد الإنشاء الكثير من المعرفة حول HTML وCSS لأنني صممتها لك بالفعل. ما عليك فعله هو تنفيذ الأكواد في المكان المناسب في

 كيف إضافة ويدجت جميل قيد الإنشاء على مدونة بلوجر!

اصنع أداة جميلة قيد الإنشاء لموقع الويب الخاص بالمدونة.

لن يتطلب إنشاء منشورات المدونة قيد الإنشاء الكثير من المعرفة حول HTML وCSS لأنني صممتها لك بالفعل. ما عليك فعله هو تنفيذ الأكواد في المكان المناسب في ملف Blogger Theme XML الخاص بك.

إضافة ويدجت جميل قيد الإنشاء على مدونة بلوجر!
إضافة ويدجت جميل قيد الإنشاء على مدونة بلوجر!

دعونا نلقي نظرة على هذا العرض.

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

اقرأ أيضاً:-

الخطوة 1: أولا قم بتسجيل الدخول إلى حسابكلوحة تحكم مدونة بلوجر.


الخطوة 2: في لوحة تحكم Blogger، انقر فوق الموضوع .


الخطوة 3: انقر على أيقونة السهم لأسفل بجوار  زر "تخصيص" .

الخطوة 4: انقر فوق تحرير HTML ، وسيتم إعادة توجيهك إلى صفحة التحرير.

إضافة القطعة قيد الإنشاء Css

الخطوة 5: الآن ابحث عن الكود ]]></b:skin>والصق رموز CSS التالية فوقه مباشرة..
*/ Under Construction By Techly420 */ .mtm{position:fixed;left:0;right:0;top:-35%;bottom:-35%;display:flex;align-items:center;justify-content:center;background:var(--bodyB);transition:all .5s ease;-webkit-transition:all .5s ease;visibility:visible;opacity:1;z-index:499} .mtm.hdn{visibility:hidden;opacity:0} .mtmC{max-width:450px;padding:20px;text-align:center} .mtmH{font-weight:700;font-size:1.5rem;font-family:var(--fontBa);margin-bottom:10px} .mtmD{margin-bottom:10px} .mtm .clock{width:100%;font-size:25px;text-align:center;font-family:var(--fontBa);font-weight:400;position:relative;left:0;right:0} .mtm .tBox{width:65px;height:65px;margin:3px;padding-top:8px;background-color:#f4efff;border-radius:20px;display:inline-block} .mtm .unit{display:block;font-size:10px;margin:auto;font-family:var(--fontB);opacity:0.8} .drK .mtm{background:var(--darkB)} .drK .mtm .tBox{background:var(--darkBa)}

الخطوة 6: الصق HTML التالي أقل بقليل من/header:section

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

إذا أعجبتك هذه المقالة واستفدت منها، لا تنس مشاركتها لأصدقاءك، لتعم الجميع الفائدة دمتم سالمين.

أدوات بلوجر قوالب

تعليق واحد

  1. ممتاز

© عربي wow. All rights reserved.

Cookies Consent

This website uses cookies to ensure you get the best experience on our website.

Cookies Policy

We employ the use of cookies. By accessing Lantro UI, you agreed to use cookies in agreement with the Lantro UI's Privacy Policy.

Most interactive websites use cookies to let us retrieve the user’s details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.