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

نظرة سريعة على مميزات القالب

• تصميم إخباري متكامل: واجهة احترافية مخصصة للمحتوى العربي.

• دعم كامل للغة العربية: توافق تام مع اتجاه الكتابة من اليمين إلى اليسار (RTL).

• مرونة العرض: متجاوب تماماً مع الهواتف الذكية، الأجهزة اللوحية، وأجهزة الحاسوب.

• سهولة الإدارة: التحكم في العناصر يتم عبر "التخطيط" في بلوجر دون لمس الكود.

• قوائم احترافية: قائمة ثانوية تدعم القوائم المنسدلة (Dropdown) أسفل شريط الأخبار.

أولاً: وصف القالب ومكوناته الهيكلية

1.1 هيكل الصفحة الرئيسي

يتوزع محتوى القالب بشكل عمودي منظم يسهل عملية التصفح:

• الرأس (Header): مركز القيادة ويضم الشعار، شريط البحث، القائمة الرئيسية، وزر القائمة للجوال.

• شريط الأخبار العاجلة: شريط حركي بخلفية زرقاء لعرض العناوين الهامة بشكل دوري.

• القائمة الثانوية: شريط تنقل إضافي يقع أسفل الأخبار ويحتوي على تصنيفات فرعية منسدلة.

• المنطقة الرئيسية: تنقسم لعمود المحتوى (المقالات) وعمود الشريط الجانبي (Sidebar).

• عرض المحتوى: يتنوع التنسيق بين "مقال بطولي"، "شبكة ثلاثية"، وقائمة "للمزيد".

• التذييل (Footer): يضم أربعة أعمدة (الهوية، روابط سريعة، تصنيفات، ومعلومات التواصل).

• زر العودة للأعلى: يظهر تلقائياً عند التمرير لأسفل لتسهيل العودة للرأس.

1.2 محتويات الشريط الجانبي (Sidebar)

يضم الشريط الجانبي أدوات (ودجات) مرتبة كالتالي:

• بطاقة تعريف الموقع مع أيقونات التواصل الاجتماعي.

• محرك بحث داخلي.

• صندوق الاشتراك في النشرة البريدية.

• قائمة المقالات الأكثر قراءة.

• سحابة التصنيفات (Labels).

• بطاقة إحصائيات الموقع.

1.3 التقنيات المستخدمة

• خط Tajawal: الخط العربي الرسمي للقالب.

• Font Awesome 6: لتوفير أيقونات عصرية وتفاعلية.

• CSS Grid & Flexbox: لضمان التنسيق المتجاوب والدقيق.

• Blogger API & XML Tags: لجلب البيانات والروابط بشكل ديناميكي وسريع.

ثانياً: مزايا القالب التقنية والجمالية

• التصميم: يعتمد نظام ألوان مريح للعين (الأزرق والكهرماني) مع تأثيرات حركية سلسة.

• الاستجابة: قائمة "هامبرغر" مخصصة للجوال وقائمة ثانوية قابلة للتمرير الأفقي على الشاشات الصغيرة.

• الأداء: كود نظيف بدون مكتبات JavaScript ثقيلة، مع دعم ميزة "Lazy Load" لتحميل الصور بذكاء.

• SEO: بنية برمجية تدعم محركات البحث عبر وسوم دلالية (Semantic HTML) وتوزيع سليم لوسوم العناوين (H1-H3).

ثالثاً: طريقة تركيب وتفعيل القالب

1. توجه إلى لوحة تحكم بلوجر > السمة (Theme).

2. اضغط على السهم بجانب "تخصيص" واختر تعديل HTML.

3. احذف كافة الأكواد الموجودة، ثم الصق كود القالب الجديد واضغط حفظ.

4. تنبيه: احتفظ دائماً بنسخة احتياطية من قالبك القديم قبل البدء.

رابعاً: إدارة القوائم (العلوية والثانوية)

تعديل القائمة الرئيسية

تُدار من قسم التخطيط (Layout) عبر ودجت Main Menu:

• لإضافة رابط: اكتب الاسم (مثلاً: الرئيسية) ثم الرابط (URL).

• ملاحظة: الرابط الأخير في القائمة يظهر تلقائياً كزر أزرق بارز (CTA).

تعديل القائمة الثانوية (Dropdown)

• الروابط الديناميكية: تُعدل من ودجت "القائمة الثانوية" في التخطيط.

• القوائم الثابتة: يتم تعديلها من داخل كود HTML بالبحث عن تعليق `` وتغيير النصوص والروابط يدوياً.

خامساً: تخصيص الودجات والأدوات

• المنشورات الشائعة: يُفضل ضبطها على (5 مقالات) وتفعيل خيار "الصور المصغرة".

• شريط الأخبار (Ticker): ابحث في الكود عن ticker-content وقم بتغيير الخبر داخل وسوم <span>. (يجب تكرار الخبر مرتين لضمان استمرارية الحركة).

• الإحصائيات: ابحث في الكود عن كلمة "إحصائيات" وقم بتعديل الأرقام والنصوص يدوياً.

• النشرة البريدية: يمكنك ربطها بخدمات مثل (Mailchimp أو Brevo) عبر استبدال كود الودجت بالكود المقدم من تلك المنصات.

• التواصل الاجتماعي: ابحث عن href='#' في الكود واستبدل الرمز # برابط حسابك المباشر.

سادساً: تخصيص الألوان والخطوط (CSS Variables)

لتغيير هوية الموقع البصرية، ابحث في الكود عن قسم :root وقم بتغيير القيم التالية:

• --primary: للون الرئيسي (الأزرق).

• --accent: للون التمييز (الكهرماني).

• تغيير الخط: يمكنك استبدال رابط Google Fonts في head وتغيير font-family في الكود ليعمل الموقع بالخط الجديد فوراً.

سابعاً: الأسئلة الشائعة وحلول المشكلات

• عدم ظهور الصور: تأكد من إدراج "صورة مميزة" في بداية كل مقال.

• مشاكل الترقيم: تأكد من أن قيمة var PER_PAGE في الكود تطابق عدد المقالات المحدد في إعدادات بلوجر.

• Google Analytics: يتم وضع معرف التتبع في إعدادات بلوجر أو يدوياً قبل وسم الإغلاق </head>.

• اختفاء القائمة في الجوال: تأكد من حفظ التعديلات؛ القائمة تظهر كشريط قابل للتمرير عرضياً بإصبع اليد.

جدول مرجعي سريع للأكواد (للبحث داخل HTML)

• نصوص الأخبار: ابحث عن ====TICKER====

• اللون الرئيسي: ابحث عن --primary: #2563eb

• عدد مقالات الترقيم: ابحث عن var PER_PAGE = 7

• روابط التواصل: ابحث عن title='فيسبوك' أو المنصة المطلوبة.

• تغيير الشعار النصي: ابحث عن class='logo-icon'

دليلك الشامل لاستخدام قالب "الروابط الذكية": الأداة الأسرع لاختصار وإدارة روابطك

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

لماذا تختار قالب "الروابط الذكية"؟

يتميز هذا القالب بواجهة مستخدم متطورة تعتمد على أسلوب Glassmorphism (الزجاج الضبابي)، مما يمنحه مظهراً يضاهي التطبيقات العالمية. كما أنه مبرمج بأحدث تقنيات الويب لضمان تجربة مستخدم سلسة وتوافق كامل مع جميع الأجهزة (موبايل، تابلت، حاسوب).

أبرز مزايا القالب

• تصميم عصري وجذاب: واجهة داكنة مريحة للعين مع تأثيرات بصرية احترافية وتدرجات لونية مميزة.

• التحويل الفوري (Redirect Loader): يتميز القالب بنظام ذكي للتحويل؛ فبدلاً من رؤية الصفحة الرئيسية عند النقر على رابط مختصر، سيظهر للزائر "لودر" دائري أنيق يخبره بجاري التحويل للوجهة المطلوبة، مما يعطي طابعاً احترافياً لموقعك.

• نظام التنبيهات الذكي: عند نسخ الرابط، تظهر رسالة تأكيد منسقة تختفي تلقائياً لتعزيز تجربة المستخدم.

• خفة الوزن وسرعة الأداء: القالب مبرمج بأكواد نظيفة تضمن تحميل الصفحة في أجزاء من الثانية.

• أمان الخصوصية: يتم تخزين الروابط في المتصفح الخاص بك لضمان سرعة الوصول والتحويل.

خيارات الاختصار: مرونة كاملة في اختيار الاسم

عند استخدام القالب، يتيح لك النظام طريقتين لاختيار شكل الرابط الجديد، مما يمنحك تحكماً كاملاً:

1. الخيار التلقائي (Automatic): إذا كنت تريد السرعة، يمكنك ببساطة وضع الرابط الطويل والضغط على "اختصار". سيقوم القالب بتوليد كود عشوائي فريد لرابطك (مثلاً: p/5x9k2).

2. خيار الإدخال المخصص (Custom Alias): هذا الخيار مثالي للمسوقين وأصحاب المواقع؛ حيث يمكنك كتابة "اسم مخصص" للرابط بنفسك. على سبيل المثال، إذا كان لديك عرض خاص، يمكنك تخصيص الاسم ليكون p/sale-2026 بدلاً من الرموز العشوائية، مما يجعله أكثر ثقة وقابلية للنقر.

كيفية استخدام القالب (خطوة بخطوة)

الخطوة الأولى: وضع الرابط قم بنسخ الرابط الطويل الذي تود اختصاره من أي موقع، ثم وضعه في الخانة المخصصة "أدخل الرابط الطويل هنا".

الخطوة الثانية: تخصيص الاسم (اختياري) في خانة "اسم مخصص"، يمكنك كتابة الكلمة التي تريدها أن تظهر في نهاية الرابط. إذا تركتها فارغة، سيقوم النظام باختيار اسم عشوائي لك.

الخطوة الثالثة: الاختصار والنسخ اضغط على زر "اختصار الآن". ستظهر لك النتيجة فوراً؛ قم بالضغط على زر "نسخ" ليتم حفظ الرابط في حافظة جهازك.

الخطوة الرابعة: اختصار رابط جديد هل تريد اختصار رابط آخر؟ لا داعي لتحديث الصفحة؛ فقط اضغط على زر "رابط جديد" ليعود النموذج فارغاً وجاهزاً للعمل مرة أخرى.

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

🌟 قالب "كيوت" العربي لمدونات الأطفال

هو قالب بلوجر (Blogger) عربي متطور واحترافي، مُصمم خصيصاً للمدونات والمواقع التي تستهدف الأطفال (قصص، ألعاب، تعليم، أنشطة فنية). يعتمد القالب على واجهة بصرية مبهجة بألوان الباستيل المريحة للعين، مع التركيز على سهولة التصفح، والجاذبية البصرية التي تخطف أنظار الصغار والكبار على حد سواء.

👀 رابط المعاينة الحية: يمكنك رؤية القالب وتجربته بشكل حي ومباشر عبر الرابط التالي: 🔗 https://kyootqalib.blogspot.com/

✨ المزايا الحصرية للقالب

• تخطيط شبكي مبتكر (Grid Layout): عرض فريد للمقالات؛ أول مقالتين تظهران كبطاقات عمودية بارزة، وباقي المقالات تظهر بشكل أفقي مريح لتسهيل القراءة وتصفح المحتوى.

• قائمة جانبية ذكية للجوال: في شاشات الجوال، تظهر أيقونة "☰ القائمة"، وعند الضغط عليها تنزلق قائمة جانبية احترافية مع خلفية مظللة لتركيز الانتباه وتسهيل التنقل عبر اللمس.

• متجاوب 100%: تصميم مرن يتكيف بسلاسة تامة مع كافة أحجام الشاشات (أجهزة كمبيوتر، أجهزة لوحية، وهواتف ذكية).

• ترويسة (Header) إبداعية: تضم شريطاً علوياً للرموز الطفولية (🎈 🧸 🚀)، وصندوقاً أبيض أنيقاً يحمل دبدوباً 🧸 وعنوان الموقع الملون، بالإضافة إلى "لوحة ألوان 🎨" عائمة تتحرك ببطء وحيوية.

• شريط جانبي (Sidebar) موحد وأنيق: تم تصميم جميع أدوات بلوجر (مربع البحث، الأقسام، الأكثر قراءة، أيقونات التواصل) لتظهر بحواف دائرية وظلال ناعمة تلقائياً.

• تحديث ذكي للتاريخ: سنة حقوق النشر في أسفل الموقع (الفوتر) تتحدث تلقائياً كل عام دون أي تدخل برمجي منك.

🛠️ دليل الاستخدام السريع والتعديل

1️⃣ كيفية تغيير عنوان القالب والوصف (الترويسة)

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

1. من لوحة تحكم بلوجر، اذهب إلى المظهر (Theme).

2. اضغط على السهم بجوار "تخصيص" واختر تعديل HTML.

3. اضغط داخل مربع الأكواد وابحث Ctrl + F عن كلمة header-texts.

4. ستجد الكود التالي الخاص بالوصف:

    <p class='header-description'>عالم من المرح والتعلم للأطفال</p>
</div>

• لتغيير الوصف: قم بتغيير عبارة عالم من المرح والتعلم للأطفال الموجودة داخل وسم <p> إلى الوصف الخاص بمدونتك.

• اضغط على حفظ (Save).
  

  • لتغيير العنوان: قم بتغييرالعنوان من الاعدادت.

2️⃣ كيفية إضافة، تعديل، أو حذف عناصر القائمة الرئيسية

تمت برمجة القائمة كأداة يسهل التحكم بها من صفحة التخطيط.

1. اذهب إلى التخطيط (Layout) في بلوجر.

2. في قسم Navbar (القائمة العلوية)، اضغط على أيقونة التعديل (القلم) بجوار أداة "القائمة".

3. ستجد الكود الخاص بالقائمة يشبه هذا:

<li><a href='/search/label/قصص'>قصص 📖</a></li>
<li><a href='/search/label/ألعاب'>ألعاب 🎮</a></li>

• لإضافة عنصر جديد: انسخ سطراً بالكامل والصقه بالأسفل، ثم غيّر الرابط (بين '') وغيّر الكلمة والرمز التعبيري.

• لحذف عنصر: قم بتظليل السطر الخاص به كاملاً (من <li> إلى </li>) وقم بحذفه.

• لتعديل الروابط: استبدل الرابط الموجود داخل href='...' برابط قسمك الجديد.

• لتغيير الرموز أو حذفها: يمكنك استبدال الرمز التعبيري (مثل 🎮) بأي رمز آخر من لوحة مفاتيحك، أو حذفه تماماً لتبقى الكلمة نصية فقط.

• اضغط حفظ.

3️⃣ كيفية تغيير رموز الشريط العلوي المتكررة

الشريط الذي يحتوي على البالونات والدببة أعلى القالب يمكن تخصيصه بسهولة.

1. اذهب إلى المظهر > تعديل HTML.

2. ابحث عن كلمة top-emoji-bar.

3. ستجد الكود التالي:

content: "🎈 🧸 🚀 🧩 🪁 🎈 🧸 🚀 🧩 🪁 🎈 🧸 🚀 🧩 🪁 🎈 🧸 🚀";

• قم بمسح هذه الرموز وضع الرموز التي تعبر عن هويتك، أو كرر أي رمز يعجبك (تأكد من ترك مسافات بين الرموز ليظهر الشكل مرتباً).

يعتبر قالب عربي برو المطور حلًا متكاملاً للمدونين الباحثين عن تصميم عصري، سريع، ومتوافق تماماً مع اللغة العربية (RTL). تم بناء هذا القالب ليكون سهل التخصيص من لوحة التحكم مع الحفاظ على مظهر احترافي يشبه كبريات المواقع الإخبارية والتقنية.

1. المميزات الرئيسية للقالب

• تصميم متجاوب: يعمل بكفاءة عالية على جميع الأجهزة (موبايل، تابلت، ديسكتوب).

• الوضع الليلي (Dark Mode): إمكانية التحويل بين الوضع الفاتح والمظلم بضغطة زر.

• قائمة احترافية: قائمة روابط أفقية ثابتة يمكن تعديلها من واجهة "التنسيق".

• سلايدر متحرك: يعرض آخر 5 مقالات بشكل جذاب في الصفحة الرئيسية.

• شريط أخبار عاجلة: يتحرك تلقائياً لعرض أحدث العناوين مع صورها.

• نظام بحث انسيابي: شريط بحث مدمج في الهيدر بتصميم متناسق وزر أحمر مميز.

• عمود جانبي موحد: ويدجات منسقة تلقائياً (الأكثر قراءة، التصنيفات، وغيرها).

• أداء وسرعة: تم دمج ملفات CSS و JS داخل ملف القالب لضمان أقصى سرعة تحميل.

• صورة افتراضية: تظهر تلقائياً في حال عدم وجود صورة للمقال لضمان جمالية التصميم.

2. كيفية التثبيت

1. قم بنسخ كود XML بالكامل من ملف Canvas (blogger-template.xml).

2. توجه إلى لوحة تحكم بلوجر -> المظهر.

3. اضغط على السهم بجانب زر "تخصيص" واختر تعديل HTML.

4. احذف كافة الأكواد الموجودة والصق الكود الجديد.

5. اضغط على أيقونة حفظ في الأعلى.

3. تخصيص القالب من لوحة التحكم

أ. تعديل القائمة الرئيسية

تم ضبط القائمة لتكون يدوية التحكم تماماً من صفحة التنسيق (Layout):

1. توجه إلى قسم التنسيق.

2. ابحث عن أداة باسم "القائمة الرئيسية" (LinkList1).

3. اضغط على تعديل؛ هنا يمكنك إضافة روابط الأقسام (مثلاً: /search/label/News) وتسميتها.

4. ستظهر الروابط تلقائياً بشكل أفقي منسق في الهيدر.

ب. إعدادات العنوان والوصف

القالب ذكي ويقوم بجلب البيانات تلقائياً من الإعدادات:

• لتغيير اسم الموقع أو شعار النص: اذهب إلى إعدادات بلوجر -> العنوان.

• لتغيير وصف الموقع الذي يظهر أسفل العنوان وفي الفوتر: اذهب إلى إعدادات بلوجر -> الوصف.

ج. العمود الجانبي (Sidebar)

• الأكثر قراءة: يتم ترتيبها تلقائياً مع ظهور الصورة جهة اليمين والعنوان جهة اليسار.

• إضافة أدوات جديدة: أي أداة تضيفها في السايدبار (مثل: أرشيف المدونة، نص، صورة) ستأخذ تلقائياً التنسيق الاحترافي (رأس غامق، خلفية بيضاء، إطار).

4. ملاحظات تقنية هامة

• الصور: القالب يقوم بتحسين جودة الصور تلقائياً وتحويلها من الحجم الصغير (Thumbnail) إلى الحجم الكامل.

• منع التكرار: تم تضمين كود برمجي يخفي أول صورة داخل المقال إذا كانت هي نفسها الصورة البارزة لمنع التكرار المزعج.

• المسافات: تم تقليص المساحات البيضاء الزائدة في صفحة المقالة لضمان تجربة قراءة مريحة.

5. الدعم والحقوق

القالب مُبرمج من قبل موقع arabiblog.com، والحقوق محفوظة وتظهر في أسفل الصفحة مع تحديث تلقائي للسنة الميلادية.

القالب الذهبي

Blogger Template · XML قالب لمدونات بلوجر

قالب Blogspot أنيق بتصميم داكن وذهبي، مبني لمنصة Blogger بشكل كامل، يدعم RTL (اللغة العربية) بشكل أصيل ويعمل مع جميع أنواع المحتوى.

بيانات الإصدار والتقنية

• اللغة: RTL - يدعم العربية بالكامل.

• المنصة: Blogger .

• التوافق: ملف XML صالح ومتحقق منه.

المميزات الأساسية

• وضع داكن كامل: تصميم (Dark Gold) مريح للعين وأنيق بتدرجات ذهبية متناسقة.

• متجاوب كلياً: يتكيف تلقائياً مع شاشات الجوال، التابلت، وسطح المكتب.

• خطوط احترافية: يستخدم (Playfair Display) للعناوين و (DM Sans) للنصوص، مع تحميل تلقائي من Google Fonts.

• تخطيط شبكي (Grid): عرض المقالات في الصفحة الرئيسية بنظام 3 أعمدة مع عرض الصورة، التصنيف، وملخص لكل مقال.

• شريط تقدم القراءة: شريط ذهبي علوي يتتبع مدى تقدم القارئ أثناء قراءة المقال.

• أدوات التفاعل: أزرار مشاركة سريعة (تويتر وفيسبوك) وصندوق معلومات الكاتب تظهر تلقائياً في نهاية المقالات.

• تجربة مستخدم سلسة: هيدر (Sticky) ثابت بتأثير Blur شفاف، وزر العودة للأعلى يظهر عند التمرير.

خطوات التثبيت (خطوة بخطوة)

1. تحميل الملف.

2. لوحة التحكم: اذهب إلى (Blogger.com) ← اختر مدونتك ← القائمة الجانبية ← السمة (Theme).

3. محرر HTML: انقر على السهم بجانب زر "تخصيص" واشتر تعديل HTML.

4. الاستبدال: احذف الكود القديم بالكامل (Ctrl+A ثم Delete)، ثم الصق كود القالب الجديد.

5. الحفظ: اضغط على أيقونة الحفظ (Ctrl+S).

نصيحة: يفضل دائماً الاحتفاظ بنسخة احتياطية من قالبك الحالي قبل التثبيت للرجوع إليها عند الضرورة.

نظام الودجات (Widgets)

القالب مجهز بمناطق مخصصة للودجات المدمجة:

• الشريط الجانبي: يتضمن البحث، صندوق HTML، التصنيفات (Labels)، والأكثر قراءة (PopularPosts).

• التواصل الاجتماعي: ودجت HTML مخصصة لروابط حساباتك.

• المحتوى الرئيسي: ودجت Blog الأساسية لعرض المقالات.

• الفوتر: منطقة إضافية قابلة للتوسيع (Section).

دليل التخصيص السريع

يمكنك تعديل القالب من داخل كود HTML عبر البحث عن القيم التالية:

• اللون الذهبي: ابحث عن المتغير --accent: #c9a84c في بداية CSS.

• الخلفية الداكنة: ابحث عن المتغير --bg: #0f0f0f.

• روابط التنقل: ابحث عن وسم nav .nav-list في الهيدر.

• نص الإعلان العلوي: ابحث عن المعرف id="top-bar".

• عدد الأعمدة: ابحث عن repeat(3, 1fr) داخل كلاس .posts-grid.

الصفحات المدعومة

• الرئيسية: شبكة مقالات مع نظام ترقيم صفحات.

• المقال الفردي: تصميم مخصص للمحتوى مع بيانات الكاتب والتعليقات.

• الأرشيف والتصنيفات: عرض المقالات المفلترة بنفس جمالية الصفحة الرئيسية.

• الصفحات الثابتة: تصاميم مخصصة لصفحات (عن المدونة، اتصل بنا، الخصوصية).

• البحث: نتائج بحث مدمجة ومتوافقة مع تصميم القالب.

لوحة الألوان (Palettes)

• الخلفية: #0f0f0f

• اللون الأساسي (الذهبي): #c9a84c

• الذهبي الفاتح: #e8c97a

قالب "بطاقات أنيقة" العربي – للأناقة عنوان على بلوجر

قالب "بطاقات أنيقة" هو ثمرة الجمع بين بساطة التصميم الحديث (Modern Minimalist) وقوة الأداء البرمجي. تم تصميمه خصيصاً للمدونات العربية التي تبحث عن مظهر عصري يعتمد على نظام الشبكة (Grid System) ليحول مدونتك إلى لوحة فنية منظمة ومريحة للعين.

لماذا تختار قالب بطاقات أنيقة؟

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

أبرز مميزات القالب:

• ⚡ سرعة صاروخية: تم بناء القالب بأكواد نظيفة ومختصرة لضمان سرعة تحميل فائقة، مما يحسن من تجربة المستخدم وأداء الأرشفة.

• 📱 تجاوب كامل (Responsive): تصميم مرن يتكيف تلقائياً مع جميع الشاشات (هواتف، تابلت، أجهزة مكتبية) مع الحفاظ على تناسق العناصر.

• 🎨 واجهة "بطاقات" احترافية: عرض المواضيع على شكل بطاقات بلمسات CSS3 ناعمة، مع تأثيرات تمرير (Hover Effects) تضفي حيوية على الموقع.

• 🔥 أدوات جانبية ذكية:

  • ويدجيت "الأكثر قراءة": مع صور مصغرة جانبية بتنسيق دائري أنيق.

  • ويدجيت "اخترنا لكم": بميزة الترتيب العشوائي التلقائي لضمان تجدد المحتوى للزائر.

• 🔍 محرك بحث داخلي: مربع بحث مدمج بتصميم متناسق يسهل على الزوار العثور على ما يريدون.

• 🖋️ خط "كايرو" الاحترافي: القالب مدمج بخط Cairo الشهير، وهو أحد أفضل الخطوط العربية التي تجمع بين الوضوح والجمالية.

• 🔗 أزرار مشاركة عصرية: أزرار مشاركة اجتماعية مدمجة أسفل كل مقال بتصميم دائري جذاب لتشجيع التفاعل.

• 📄 ترقيم صفحات احترافي: نظام تنقل (Pager) انسيابي دائري يسهل تصفح الأرشيف والصفحات السابقة.

• 🛠️ سهولة التخصيص: تنظيم واضح للأكواد يتيح لك تعديل الألوان والعناصر بسهولة من خلال لوحة تحكم بلوجر.

لمن هذا القالب؟

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

قالب بطاقات أنيقة.. حيث يلتقي الإبداع بالبساطة.

🌟 قالب بلوجر الفيروزي الحصري والمميز 🌟

أهلاً بك في عالم الإبداع والاحترافية. نقدم لك قالب الفيروزي (Fayroozy version 1.0)، تحفة فنية برمجية تم تصميمها وتطويرها من الصفر بكل فخر بواسطة [arabiblog.com].

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

✨ أبرز مميزات قالب الفيروزي

• 🚀 برمجة احترافية من الصفر: أكواد نظيفة، حديثة، وخالية من الأخطاء لضمان سرعة تحميل صاروخية وأرشفة ممتازة في محركات البحث (SEO).

• 📱 تجاوب مثالي 100%: تصميم مرن يتكيف بذكاء مع جميع شاشات الجوال والأجهزة اللوحية، مع محاذاة دقيقة للنصوص وقائمة علوية قابلة للتمرير باللمس لتجربة مستخدم (UX) لا تُنسى.

• 🎨 تصميم حصري وجذاب: يتميز القالب بترويسات عناوين فريدة (تصميم متوازي الأضلاع مع 3 خطوط مائلة باللون الفيروزي) تعطي طابعاً عصرياً وفاخراً لكافة أجزاء المدونة.

• 📰 شريط أخبار ديناميكي: شريط علوي متحرك يجلب أحدث مقالاتك تلقائياً لجذب انتباه الزوار.

• 🧩 نظام أقسام (Grid) سحري: وداعاً للتعقيد! يمكنك إضافة شبكات للمقالات في الصفحة الرئيسية بدون لمس أي كود برمجي.

• 📊 شريط معلومات المقال (Meta Data): عرض أنيق لاسم الكاتب، تاريخ النشر، والتصنيف مع أيقونات احترافية.

• 🔗 ميزات تفاعلية متكاملة: أزرار مشاركة أنيقة (واتساب، فيسبوك، تويتر)، وقسم "مواضيع مشابهة" لزيادة تفاعل الزوار، وترقيم صفحات رقمي تلقائي.

🛠️ دليل الاستخدام: كيفية إجراء التعديلات (لوحة التحكم)

لقد قمنا ببرمجة قالب الفيروزي ليكون "صديقاً للمستخدم". لن تحتاج إلى أي خبرة برمجية، فجميع التعديلات تتم حصرياً من خلال لوحة تحكم بلوجر (التنسيق - Layout):

1. كيفية تعديل القائمة العلوية 📋

يمكنك إضافة وتعديل الروابط بكل سهولة:

• اذهب إلى التنسيق.

• ابحث عن أداة القائمة العلوية وانقر على رمز التعديل (القلم).

• لإضافة رابط جديد:

  • اسم الموقع الجديد: اكتب هنا الكلمة التي تريد ظهورها للزائر (مثل: برامج، شروحات، اتصل بنا).

  • عنوان URL الجديد للموقع: ضع هنا الرابط الذي سينتقل إليه الزائر.

• اضغط على إضافة ارتباط ثم حفظ.

2. كيفية إضافة أقسام التصنيفات (Grid) في الرئيسية 🗂️

هذه هي الميزة الأقوى في القالب! لإنشاء شبكة مقالات أنيقة لأي قسم:

• اذهب إلى التنسيق.

• 
  
  

  
  

• انزل إلى منطقة category-grids-section وانقر على (+ إضافة أداة / Add a Gadget).

• اختر أداة HTML/JavaScript.

• في مربع "العنوان"، اكتب اسم التصنيف بالضبط كما هو موجود في مدونتك (مثال: أخبار، تقنية).

• اترك مربع "المحتوى" فارغاً تماماً.

• اضغط حفظ. (سيقوم القالب سحرياً بتصميم القسم، جلب المقالات، وإضافة زر "قراءة المزيد" تلقائياً! يمكنك سحب الأدوات لترتيب الأقسام كما تشاء).

3. كيفية تعديل الشريط الجانبي (Sidebar) 🚀

• اذهب إلى التنسيق > منطقة الشريط الجانبي.

• يمكنك إضافة أي أداة تريدها (مشاركات شائعة، تسميات، نصوص).

• ميزة تلقائية: أي أداة تضيفها هنا سيأخذ عنوانها تلقائياً التصميم الفاخر (متوازي الأضلاع المزاح لليمين).

4. كيفية تعديل الفوتر (الأسفل) والتأليف ©️

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

• عن المدونة: من التنسيق، ابحث عن أداة "عن المدونة" واكتب وصف موقعك الساحر.

• روابط هامة: أداة "قائمة روابط" تتيح لك إضافة صفحات (من نحن، سياسة الخصوصية) بنفس طريقة القائمة العلوية.

• حقوق النشر: من أداة "حقوق النشر (للتعديل)"، يمكنك تغيير نص الحقوق بما يناسبك مع الاحتفاظ بلمسة Fayroozy version 1.0 made by arabiblog.com الفخمة.

💡 نصيحة أخيرة: بعد إجراء أي تعديلات في لوحة "التنسيق"، لا تنسَ الضغط على أيقونة الحفظ الرئيسية (أسفل يمين الشاشة) ليتم تطبيق تغييراتك بنجاح.

استمتع بتجربة قالب الفيروزي، ودع مدونتك تتألق!

قالب ArabiBlog الحصري - المنصة المتكاملة لعرض وبيع منتجاتك الرقمية على بلوجر

وصف القالب (SEO Description):

قالب ArabiBlog هو الحل الأمثل والوحيد للمدونين والمبرمجين الراغبين في تحويل مدونات بلوجر إلى متجر احترافي لبيع القوالب والمنتجات الرقمية. يتميز القالب بتصميمه العصري، سرعته الفائقة، وتوافقه التام مع معايير السيو (SEO)، مع نظام دفع مزدوج يدعم أشهر المنصات العالمية (Payhip & Gumroad).

مميزات قالب ArabiBlog:

• إنتاج حصري 100%: تصميم فريد من نوعه تم تطويره من قبل خبراء فريقنا ليناسب المحتوى العربي الاحترافي.

• نظام دفع مزدوج: يتيح لك وضع رابطين للشراء (Payhip و Gumroad) لكل منتج لزيادة خيارات الدفع أمام العميل.

• متجاوب بالكامل (Responsive): يعمل بكفاءة عالية على جميع الأجهزة (هواتف، أجهزة لوحية، حواسيب) مع شريط مسار (Breadcrumbs) مرن.

• صديق لمحركات البحث: كود برمجى نظيف وخفيف يضمن لك أرشفة سريعة وتصدر النتائج الأولى في جوجل.

• لوحة تحكم جانبية ذكية: تعرض السعر، الخصم، عدد المبيعات، وتقييم النجوم بشكل آلي وجذاب.

• أقسام SEO متكاملة: يحتوي على مساحات مخصصة للنصوص التسويقية لزيادة قوة ظهور موقعك.

كيفية استخدام القالب وتعديل البيانات:

يعتمد القالب على تقنية Data Attributes، مما يعني أنك لست بحاجة لتعديل الكود البرمجي للقالب في كل مرة، بل يتم التعديل من داخل "مشاركة جديدة" في بلوجر.

1. الكود الأساسي للمقال:

عند كتابة مقال جديد لعرض قالب، قم بالتحويل إلى وضع (عرض HTML) ثم الصق الكود التالي في أعلى المقال:

<div class="product-data hidden" 
     data-price="15" 
     data-old-price="35" 
     data-sales="120" 
     data-demo="رابط_المعاينة_هنا" 
     data-buy-payhip="رابط_شراء_بايهيب_هنا" 
     data-buy-gumroad="رابط_شراء_جم_رود_هنا" 
     data-rating="4.5" 
     style="display:none;">
</div>

2. كيفية تعديل الأسعار والروابط:

• data-price: اكتب السعر الحالي (الرقم فقط). سيظهر بجانبه علامة $ تلقائياً.

• data-old-price: اكتب السعر القديم قبل الخصم ليظهر مشطوباً.

• data-sales: اكتب عدد المبيعات الحالي ليظهر في الشريط الجانبي.

• data-demo: ضع رابط المعاينة الحية للقالب الذي تبيعه.

• data-buy-payhip: ضع رابط صفحة المنتج على موقع Payhip.

• data-buy-gumroad: ضع رابط صفحة المنتج على موقع Gumroad.

• data-rating: التقييم من (1 إلى 5)، مثلاً: 4.8.

3. الصورة البارزة والوصف:

• الصورة: أول صورة تضعها في المقال سيتم استخدامها تلقائياً كصورة للمنتج في الصفحة الرئيسية وفي الشريط الجانبي لصفحة الشراء.

• الوصف: اكتب وصف القالب ومميزاته كأي تدوينة عادية أسفل كود الـ HTML، وستظهر بشكل منسق واحترافي داخل صفحة المنتج.

ملاحظة تقنية: جميع البيانات التي تضعها في كود الـ HTML المخفي يتم جلبها برمجياً وتوزيعها في أماكنها الصحيحة (النجوم، الأزرار، والأسعار) بمجرد تحميل الصفحة.