كيفية إنشاء جدول مواصفات الهاتف لموقع مراجعة الجوال؟.
هناك أكثر مكان المطلوب في التدوين وهنا اقصد كود لموقع مراجعة الهاتف.
يمكنك جعل موقع المدونة الخاص بك شائعًا في أقصر فترة زمنية من خلال تقديم مراجعة عبر الهاتف.
لكن معظم المدونين الجدد لا يحصلون على أي قالب بلوجر مناسب لإنشاء موقع مراجعة عبر الهاتف.
هناك حيل بسيطة للغاية يمكنك تطبيقها لتحويل موقع مدونتك إلى موقع مراجعة عبر الهاتف.
بادئ ذي بدء ، يجب أن نعرف ما هو المطلوب لإنشاء موقع لمراجعة الهاتف؟.
- أحدث معلومات إصدار الهاتف
- تحدث عن تصميم الهاتف والعرض والأجهزة
- وأخيرًا ، نحتاج إلى جدول مواصفات الهاتف الذكي.
اقرأ كذلك : تحديد مكان اي شخص عن طريق رقم الهاتف 2021
هذا هو.
لكن المكون الرئيسي المهم هو جدول مواصفات الهاتف الذكي.
لا يعتقد معظم المبتدئين أنه في نظام Blogger ، يمكن لموقع مراجعة الهاتف إنشاء.
لأن إنشاء جدول مواصفات الهاتف الذكي أمر صعب بعض الشيء على منصة Blogger.
نتيجة لذلك ، يتحول معظم Blogger إلى منصة WordPress وتنفق مبلغًا كبيرًا من المال على المجال والاستضافة.
كيفية إنشاء جدول مواصفات الهاتف لموقع مراجعة الجوال؟
لقد تحسنت منصة Blogger كثيرًا.
تم تحديث الكثير من الأشياء مؤخرًا.
الآن يدعم جدول مواصفات الهاتف الذكي.
لكن عليك إضافة الرمز يدويًا.
لإضافة مواصفات الهاتف الذكي ، ما عليك سوى اتباع الخطوات التالية:
- الخطوة 1: اذهب إلى blogger وقم بتسجيل الدخول إلى حسابك.
- الخطوة 2:من لوحة تحكم Blogger ، انقر فوق -> الموضوع -> تحرير HTML.
- الخطوه 3: وحدد موقع]]> بالضغط على Ctrl + F (Windows) أو CMD + F (Mac).
- الخطوة الرابعة: أخيرًا انسخ السطر التالي من البرنامج النصي للجدول والصقه قبل / أعلى]]>.
/* Phone Specification Table by https://www.joker0o.de */
.post-body table {width:100%;}
.post-body table td, .post-body table caption{border:1px solid #F1F1F1;padding:10px;text-align:left;vertical-align:top;}
.post-body table th {border:1px solid #e6e6e6;padding:10px;text-align:left;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #eee;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;}
.post-body th{background:#059FD8; color:#181818;}
.post-body th:hover{background:#2AA4D1;}
.post-body td a{color:#444;}
.post-body td a:hover{color:#FEFEFE;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
التخصيص
- لتغيير لون رأس الجدول يرجى تغيير# 059FD8 برمز لون مختلف.
- لتغيير لون خط رأس الجدول ، يرجى إجراء تغييرات# 181818 برمز لوني مختلف.
- لتغيير سمك ولون حدود الجدول يرجى التغيير1 بكسل صلب # F1F1F1 ؛ برمز مختلف.
- لاحظ أنه بالنسبة لأولئك الذين يستخدمون القالب المصمم الخاص بي ، فأنت لست بحاجة إلى إضافة رمز الجدول أعلاه. لأنني قمت بالفعل بإضافة البرنامج النصي لجدول المواصفات في جميع القوالب الحديثة.
الخطوة الخامسة:الآن احفظ الموضوع الخاص بك.
تمت إضافة كود CSS أعلاه لتصميم جدول مواصفات الهاتف.
الآن هذه المرة سنضيف رمز بنية الجدول.
وهذا الرمز يجب عليك استخدامه في كل مرة أثناء إنشاء جدول بيانات مواصفات الهاتف في المنشور.
الخطوة السادسة:أنشئ منشورًا جديدًا من محرر النشر ثم قم بالتبديل إليه لغة البرمجة منظر.
الآن قم بلصق البرنامج النصي أدناه لإضافة إطار جدول.
| Samsung Galaxy Phone Specification | |
|---|---|
| Network | GSM / HSPA / LTE |
الخطوة السابعة: بعد ذلك ، قم بالتبديل إلى طريقة عرض إنشاء ونشر مشاركتك. هذا هو. يمكنك الآن رؤية مواصفات الهاتف الذكي داخل طاولة جميلة. يمكنك استخدام محرر HTML الخاص بنا لتحرير الكود وتغيير البيانات.
كيفية إضافة رمز مواصفات الهاتف تلقائيًا إلى مدونة Post؟
هنا نقترح عليك طريقة أخرى لـ قالب عرض صندوق مواصفات شاشات الهواتف الذكية لمدونات بلوجر
ومع ذلك ، قد تعتقد أن إضافة رمز الجدول يدويًا أمر مزعج.
لكن لدى Blogger ميزة ذكية حيث يمكننا تعيين رمز إطار الجدول بشكل دائم ، ولكن يمكنك تغيير الرمز لاحقًا.
تسمى الميزة "قالب المشاركة".
لذلك سنقوم بتعيين رمز إطار الجدول كقالب نشر.
لإضافة الشفرة إلى نموذج Blogger Post Template.
يمكنك اتباع البرنامج التعليمي الآخر الخاص بي من خلال زيارة الرابط أاعلاه.
آمل أن تتمكن الآن من إنشاء مدونة مراجعة الهاتف الذكي الخاصة بك بنجاح.
إذا واجهت أي مشكلة في تنفيذ الكود ، فلا تتردد في ترك تعليق أدناه.
واسمحوا لي أن أعرف ما هو رأيك في هذا البرنامج التعليمي؟ شكرا لك.