🎁 إهداء للمدونين أصحاب المدونات الجانبية

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

📍 أين أضع الكود؟

اذهب إلى لوحة تحكم بلوجر، ثم افتح صفحة إعدادات المدونة.

• ⚙️ ادخل إلى لوحة تحكم بلوجر.
• 📌 انزل إلى أسفل القائمة.
• 🧩 اختر التنسيق.
• ➕ افتح أداة HTML/JavaScript أو أداة مناسبة في القائمة الجانبية.
• 📋 انسخ الكود التالي كما هو.
• 💾 احفظ التعديل ثم عاين المدونة.

💜 مميزات الكود

• ✅ لا يضيف خلفية للمدونة.
• ✅ لا يغير مقاسات الصفحة.
• ✅ لا يحتوي على أكواد تجاوب للجوال.
• ✅ مناسب للمدونات السوداء.
• ✅ ينسق زر البروفايل الافتراضي في بلوجر.
• ✅ مناسب لقالب Contempo Dark.

📋 الكود

<!-- كود تنسيق أزرار أداة البروفايل الافتراضية في بلوجر -->
<style>
/* استهداف أزرار أداة البروفايل الافتراضية وتنسيقها بشكل موزون */
.profile-databutton, 
.profile-link,
#Profile1 a,
.g-profile a {
    display: inline-block !important;
    background-color: #100617 !important;
    color: #edfa1c !important;
    padding:1px 1px !important;
    margin: 8px 5px !important;
    border-radius: 100px !important;
    border: none !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    text-align: center !important;
    box-shadow: none !important;
}

/* تنسيق منطقة البروفايل لضمان الترتيب الموزون */
.profile-textblock, 
#Profile1 .widget-content {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
</style>

⚠️ ملاحظة مهمة

لا تضف أكواد تجاوب للجوال داخل هذا التنسيق، لأن القالب نفسه غالبًا متجاوب من الأساس. الهدف من الكود هو تنسيق زر البروفايل فقط، وليس تعديل شكل القالب كامل.