<!--انسخ الكود من هنا وضعه في صفحة جديدة باسم: إعدادات الكاتب والتحكم--> <style> @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap'); .settings-wrapper { font-family: 'Tajawal', sans-serif; direction: rtl; text-align: right; color: #334155; background: #f8fafc; padding: 30px; border-radius: 20px; border: 1px solid #e2e8f0; } .settings-header { text-align: center; margin-bottom: 40px; border-bottom: 2px dashed #cbd5e1; padding-bottom: 20px; } .settings-header h1 { font-size: 32px; font-weight: 900; color: #0f172a; margin-bottom: 10px; } .settings-header p { font-size: 16px; color: #64748b; } /* قسم الكاتب */ .author-guide { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; margin-bottom: 30px; display: flex; gap: 20px; align-items: flex-start; } .author-preview { flex: 1; background: #f1f5f9; padding: 15px; border-radius: 8px; text-align: center; border: 1px dashed #cbd5e1; } .fake-avatar { width: 60px; height: 60px; background: #cbd5e1; border-radius: 50%; margin: 0 auto 10px; } .fake-line { height: 8px; background: #e2e8f0; border-radius: 4px; margin-bottom: 5px; } .author-steps { flex: 2; } .author-steps h3 { margin-top: 0; color: #3b82f6; } /* مفاتيح التحكم */ .toggles-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; } .toggle-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; transition: 0.2s; position: relative; overflow: hidden; } .toggle-card:hover { border-color: #3b82f6; transform: translateY(-3px); } .toggle-card::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 4px; background: #e2e8f0; } .toggle-card.active::after { background: #10b981; } /* أخضر */ .toggle-card.inactive::after { background: #ef4444; } /* أحمر */ .toggle-title { font-weight: 800; font-size: 16px; margin-bottom: 5px; color: #1e293b; } .toggle-desc { font-size: 13px; color: #64748b; margin-bottom: 15px; min-height: 40px; } .widget-name { background: #1e293b; color: #a5f3fc; padding: 4px 8px; border-radius: 4px; font-family: monospace; font-size: 12px; display: inline-block; direction: ltr; } .status-badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: bold; float: left; } .s-on { background: #dcfce7; color: #166534; } .s-off { background: #fee2e2; color: #991b1b; } </style> <div class="settings-wrapper"> <div class="settings-header"> <h1>ضبط الكاتب ومفاتيح التحكم ⚙️</h1> <p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEidi38wCBPydIZ3Rk5K_5zH5pR_Hwy91-Y9K-FxRIFGDZTCetxxKiueA7liwtOSwc6AqdGJbbH6q9rsQHo3y6pGtssVGP-p7t7Fx1Lu8zetL1YmeMQ8qXSKMDGoPHpKDMEOyYwh_yk4BSjt134U9EKZoEk2NpIv1SpvDVg8pH2EzA0NL0dVQhUpFpp_K50" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="720" data-original-width="1280" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEidi38wCBPydIZ3Rk5K_5zH5pR_Hwy91-Y9K-FxRIFGDZTCetxxKiueA7liwtOSwc6AqdGJbbH6q9rsQHo3y6pGtssVGP-p7t7Fx1Lu8zetL1YmeMQ8qXSKMDGoPHpKDMEOyYwh_yk4BSjt134U9EKZoEk2NpIv1SpvDVg8pH2EzA0NL0dVQhUpFpp_K50=s16000-rw" /></a></div><p></p><p>كيفية إظهار صورتك في صندوق الكاتب والتحكم في الميزات المخفية للقالب.</p> </div> <!--1. إعدادات الكاتب--> <div class="author-guide"> <div class="author-steps"> <h3>1. ضبط صندوق الكاتب (Author Box)</h3> <p>يظهر صندوق الكاتب أسفل كل مقال. لكي تظهر صورتك ووصفك بشكل صحيح:</p> <ol style="font-size: 14px; padding-right: 20px;"> <li>اذهب إلى لوحة تحكم بلوجر &gt; <b>الإعدادات</b>.</li> <li>انزل لأسفل حتى تجد قسم <b>"الملف الشخصي للمستخدم"</b> واضغط عليه.</li> <li><b>صورة الملف الشخصي:</b> قم برفع صورة واضحة لك (ضروري جداً).</li> <li><b>نبذة عني:</b> اكتب وصفاً مختصراً سيظهر أسفل اسمك.</li> <li>احفظ الإعدادات.</li> </ol> <p style="color: #ef4444; font-size: 13px;">* تنبيه: إذا لم ترفع صورة، ستظهر صورة "شبح" رمادية افتراضية.</p> </div> <div class="author-preview"> <div style="font-size: 13px; font-weight: bold; margin-bottom: 10px;">معاينة تقريبية</div> <div class="fake-avatar"></div> <div class="fake-line" style="margin: 0px auto 10px; width: 60%;"></div> <div class="fake-line"></div> <div class="fake-line" style="width: 80%;"></div> </div> </div> <!--2. مفاتيح التحكم--> <h3 style="border-bottom: 2px solid rgb(226, 232, 240); margin-bottom: 20px; padding-bottom: 10px;">2. مفاتيح التحكم (Control Widgets)</h3> <p style="color: #475569; font-size: 14px; margin-bottom: 25px;"> في صفحة <b>التخطيط (Layout)</b>، وتحديداً في قسم <b>"لوحة تحكم القالب"</b>، ستجد أدوات تتحكم في وظائف الموقع. تفعيل الأداة يعني تشغيل الميزة، وإخفاؤها يعني إيقافها. </p> <div class="toggles-grid"> <!--Sidebar Toggle--> <div class="toggle-card active"> <div class="toggle-title">القائمة الجانبية (Sidebar)</div> <div class="toggle-desc">التحكم في ظهور أو إخفاء الشريط الجانبي في جميع الصفحات.</div> <div> <span class="widget-name">HTML20</span> <span class="status-badge s-on">تفعيل = إظهار</span> </div> </div> <!--Grid/List View--> <div class="toggle-card active"> <div class="toggle-title">شكل المقالات (شبكة/قائمة)</div> <div class="toggle-desc">التبديل بين العرض الشبكي (Grid) والعرض العمودي (List) في الأرشيف.</div> <div> <span class="widget-name">HTML777</span> <span class="status-badge s-on">تغيير العنوان</span> </div> <div style="color: #64748b; font-size: 11px; margin-top: 5px;">* اكتب كلمة "عمودي" في عنوان الأداة للتحويل للقائمة.</div> </div> <!--TOC Toggle--> <div class="toggle-card active"> <div class="toggle-title">جدول المحتويات التلقائي</div> <div class="toggle-desc">إنشاء فهرس للمقال تلقائياً بناءً على العناوين H2 و H3.</div> <div> <span class="widget-name">HTML126</span> <span class="status-badge s-on">تفعيل = تشغيل</span> </div> </div> <!--Mid-Post Related--> <div class="toggle-card active"> <div class="toggle-title">مقالات ذات صلة (وسط المقال)</div> <div class="toggle-desc">إظهار صندوق "قد يعجبك أيضاً" بين فقرات المقال.</div> <div> <span class="widget-name">HTML127</span> <span class="status-badge s-on">تفعيل = تشغيل</span> </div> </div> <!--Latest Posts Homepage--> <div class="toggle-card active"> <div class="toggle-title">أحدث المقالات (الرئيسية)</div> <div class="toggle-desc">إظهار أو إخفاء قسم المقالات التقليدي أسفل الصفحة الرئيسية.</div> <div> <span class="widget-name">HTML24</span> <span class="status-badge s-on">تفعيل = إظهار</span> </div> </div> </div> </div>