كيفية إنشاء جدول مواصفات الهاتف لموقع مراجعة الجوال؟

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

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

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

أحدث معلومات إصدار الهاتف
تحدث عن تصميم الهاتف والعرض والأجهزة
وأخيرًا ، نحتاج إلى جدول مواصفات الهاتف الذكي.

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

كيفية إنشاء جدول جميل لمواصفات الجوال لمدونة Blogger؟

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

الخطوة 1:

اذهب إلى https://www.blogger.com وقم بتسجيل الدخول إلى حسابك

الخطوة 2:

من لوحة تحكم Blogger ، انقر فوق -> موضوع -> تحرير HTML

الخطوة 3:

وحدد موقع]]> </ b: skin> بالضغط على Ctrl + F (Windows) أو CMD + F (Mac)

الخطوة 4:

أخيرًا انسخ السطر التالي من البرنامج النصي للجدول والصقه قبل / أعلى

]]> </ b: skin> /* Phone Specification Table by www.bloggerspice.com */ .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;}
* Phone Specification Table by www.bloggerspice.com */ .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 برمز لون مختلف.

لتغيير سمك ولون حدود الجدول ، يرجى تغيير 1px صلب # F1F1F1 ؛ برمز مختلف.

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

الخطوة 5:

الآن احفظ المظهر الخاص بك

تمت إضافة كود CSS أعلاه لتصميم جدول مواصفات الهاتف. الآن هذه المرة سنضيف رمز بنية الجدول. وهذا الرمز يجب عليك استخدامه في كل مرة أثناء إنشاء جدول بيانات مواصفات الهاتف في المنشور.

الخطوة 6:

1-قم بإنشاء منشور جديد من محرر المنشورات ومنه

،2- قم بالتبديل إلى عرض HTML .

3- الآن قم بلصق البرنامج النصي أدناه لإضافة إطار جدول
. <table class="full"> <tbody> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;"> Samsung Galaxy Phone Specification</span></th></tr> </tbody> <tbody> <td>Network</td><td>GSM / HSPA / LTE</td></tr> <tr><td>2G bands</td><td>GSM 850 / 900 / 1800 / 1900 - SIM 1 & SIM 2</td></tr> <tr><td>3G bands</td><td>HSDPA 850 / 900 / 1900 / 2100</td></tr><tr><td>4G bands</td><td>LTE band 1(2100), 3(1800), 7(2600), 38(2600), 39(1900), 40(2300), 41(2500) - SM-J7008</td></tr> <tr><td>Speed</td><td>HSPA 21.1/5.76 Mbps</td></tr> <tr><td>GPRS</td><td>Yes</td></tr><tr><td>EDGE</td><td>Yes</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">OS And Hardware</span></th></tr> <tr><td>OS</td><td>Android OS, v5.1.1 (Lollipop) || Custom UI</td></tr> <tr><td>Processor</td><td><span style="text-align: justify;">Quad-core 1.5 GHz Cortex-A53</span></td></tr> <tr><td>Chipset</td><td>Qualcomm MSM8916 Snapdragon 410</td></tr> <tr><td>GPU</td><td>Adreno 306</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Body</span></th></tr> <tr><td>Dimensions</td><td>134.5 x 65.2 x 7.3 mm (5.30 x 2.57 x 0.29 in)</td></tr> <tr><td>Weight</td><td>132 g (4.66 oz)</td></tr> <tr><td>Colors</td><td>White, Black, Gold</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Display</span></th></tr> <tr><td>Type</td><td>Super AMOLED capacitive touchscreen, 16M colors</td></tr> <tr><td>Screen Size</td><td>4.7 inches (~69.4% screen-to-body ratio)</td></tr> <tr><td>Resolution</td><td>720 x 1280 pixels (~312 ppi pixel density)</td></tr> <tr><td>Multitouch</td><td>Yes</td></tr> <tr><td>Protection</td><td>Corning Gorilla Glass 4</td></tr> <tr><td>Sensors</td><td>Accelerometer, Proximity, Compass</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Memory</span></th></tr> <tr bgcolor="#ffffff" class="config_table"><td>Card slot</td><td>microSD, up to 128 GB</td></tr> <tr bgcolor="#FFFFFF" class="config_table"><td>Internal</td><td>16 GB</td></tr> <tr bgcolor="#ffffff" class="config_table"><td>RAM</td><td>1.5 GB</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Camera</span></th></tr> <tr><td>Primary</td><td>13 MP, 4128 x 3096 pixels, autofocus, LED flash</td></tr> <tr><td>Features</td><td>Geo-tagging, touch focus, face detection, panorama</td></tr> <tr><td>Video</td><td>1080p@30fps</td></tr> <tr><td>Secondary</td><td>5 MP</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Multimedia</span></th></tr> <tr><td>Music play</td><td>Yes</td></tr> <tr><td>Radio</td><td>FM Radio</td></tr> <tr><td>Games</td><td>Yes</td></tr> <tr><td>Alert types</td><td>Vibration; MP3, WAV ringtones</td></tr> <tr bgcolor="#ffffff" class="config_table"><td>Loudspeaker</td><td>Yes</td></tr> <tr bgcolor="#ffffff" class="config_table"><td>3.5mm jack</td><td>Yes</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Battery and Power</span></th></tr> <tr><td>Type</td><td>Removable Li-Ion 3000 mAh battery</td></tr> <tr><td>Stand-by</td><td>42 Hours</td></tr> <tr><td>Talk time</td><td>12 Hours</td></tr> <tr bgcolor="#ffffff" class="config_table"></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Releasing Date</span></th></tr> <tr><td>Announced</td><td>2015, December</td></tr> <tr><td>Status</td><td>Releasing on 2015, December </td></tr> <tr bgcolor="#ffffff" class="config_table"></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Expected Price</span></th></tr> <tr><td>US Dollor</td><td>$200</td></tr> <tr><td>Bangladeshi Taka</td><td>BDT15,000</td></tr> <tr><td>Indian Rs.</td><td>Rs. 13,000</td></tr> </tbody></table>
<table class="full"> <tbody> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;"> Samsung Galaxy Phone Specification</span></th></tr> </tbody> <tbody> <td>Network</td><td>GSM / HSPA / LTE</td></tr> <tr><td>2G bands</td><td>GSM 850 / 900 / 1800 / 1900 - SIM 1 & SIM 2</td></tr> <tr><td>3G bands</td><td>HSDPA 850 / 900 / 1900 / 2100</td></tr><tr><td>4G bands</td><td>LTE band 1(2100), 3(1800), 7(2600), 38(2600), 39(1900), 40(2300), 41(2500) - SM-J7008</td></tr> <tr><td>Speed</td><td>HSPA 21.1/5.76 Mbps</td></tr> <tr><td>GPRS</td><td>Yes</td></tr><tr><td>EDGE</td><td>Yes</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">OS And Hardware</span></th></tr> <tr><td>OS</td><td>Android OS, v5.1.1 (Lollipop) || Custom UI</td></tr> <tr><td>Processor</td><td><span style="text-align: justify;">Quad-core 1.5 GHz Cortex-A53</span></td></tr> <tr><td>Chipset</td><td>Qualcomm MSM8916 Snapdragon 410</td></tr> <tr><td>GPU</td><td>Adreno 306</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Body</span></th></tr> <tr><td>Dimensions</td><td>134.5 x 65.2 x 7.3 mm (5.30 x 2.57 x 0.29 in)</td></tr> <tr><td>Weight</td><td>132 g (4.66 oz)</td></tr> <tr><td>Colors</td><td>White, Black, Gold</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Display</span></th></tr> <tr><td>Type</td><td>Super AMOLED capacitive touchscreen, 16M colors</td></tr> <tr><td>Screen Size</td><td>4.7 inches (~69.4% screen-to-body ratio)</td></tr> <tr><td>Resolution</td><td>720 x 1280 pixels (~312 ppi pixel density)</td></tr> <tr><td>Multitouch</td><td>Yes</td></tr> <tr><td>Protection</td><td>Corning Gorilla Glass 4</td></tr> <tr><td>Sensors</td><td>Accelerometer, Proximity, Compass</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Memory</span></th></tr> <tr bgcolor="#ffffff" class="config_table"><td>Card slot</td><td>microSD, up to 128 GB</td></tr> <tr bgcolor="#FFFFFF" class="config_table"><td>Internal</td><td>16 GB</td></tr> <tr bgcolor="#ffffff" class="config_table"><td>RAM</td><td>1.5 GB</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Camera</span></th></tr> <tr><td>Primary</td><td>13 MP, 4128 x 3096 pixels, autofocus, LED flash</td></tr> <tr><td>Features</td><td>Geo-tagging, touch focus, face detection, panorama</td></tr> <tr><td>Video</td><td>1080p@30fps</td></tr> <tr><td>Secondary</td><td>5 MP</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Multimedia</span></th></tr> <tr><td>Music play</td><td>Yes</td></tr> <tr><td>Radio</td><td>FM Radio</td></tr> <tr><td>Games</td><td>Yes</td></tr> <tr><td>Alert types</td><td>Vibration; MP3, WAV ringtones</td></tr> <tr bgcolor="#ffffff" class="config_table"><td>Loudspeaker</td><td>Yes</td></tr> <tr bgcolor="#ffffff" class="config_table"><td>3.5mm jack</td><td>Yes</td></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Battery and Power</span></th></tr> <tr><td>Type</td><td>Removable Li-Ion 3000 mAh battery</td></tr> <tr><td>Stand-by</td><td>42 Hours</td></tr> <tr><td>Talk time</td><td>12 Hours</td></tr> <tr bgcolor="#ffffff" class="config_table"></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Releasing Date</span></th></tr> <tr><td>Announced</td><td>2015, December</td></tr> <tr><td>Status</td><td>Releasing on 2015, December </td></tr> <tr bgcolor="#ffffff" class="config_table"></tr> <tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Expected Price</span></th></tr> <tr><td>US Dollor</td><td>$200</td></tr> <tr><td>Bangladeshi Taka</td><td>BDT15,000</td></tr> <tr><td>Indian Rs.</td><td>Rs. 13,000</td></tr> </tbody></table>

الخطوة 7: بعد ذلك ، قم بالتبديل إلى طريقة عرض الإنشاء ونشر مشاركتك. هذا هو. يمكنك الآن رؤية مواصفات الهاتف الذكي داخل طاولة جميلة. يمكنك استخدام محرر HTML الخاص بنا لتحرير الكود وتغيير البيانات.

كيفية إضافة رمز مواصفات الهاتف تلقائيًا إلى مدونة Post؟

ومع ذلك ، قد تعتقد أن إضافة رمز الجدول يدويًا أمر مزعج. لكن لدى Blogger ميزة ذكية حيث يمكننا تعيين رمز إطار الجدول بشكل دائم ، ولكن يمكنك تغيير الرمز لاحقًا. تسمى الميزة "قالب المشاركة". لذلك سنقوم بتعيين رمز إطار الجدول كقالب نشر. لإضافة الشفرة إلى نموذج Blogger Post Template ، يمكنك اتباع البرنامج التعليمي الآخر الخاص بي من خلال زيارة الرابط أدناه

موصى به:

معلومة جديدة

تحميل قالب مراجعة هواتف 2022