كيفية اضافة جدول مواصفات الهاتف لمدونات بلوجر

 السلام عليكم هل تبحث عن كيفية عرض مواصفات الهاتف في موقع بلوجر؟ا و عن كيفية اضافة مواصفات الهاتف الى مدونة بلوجر ؟ 

في هذا المقال سنريكم طرقة  اضافة سكربت عرض مواصفات الجوال في موقع او مدونة بلوجر.

  أداة مواصفات الهاتف المحمول:

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

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

 ويمكن أن يوفر عرض المواصفات في هذه الأداة لموقعك مظهرًا احترافيًا للغاية ، ويجعل مقالاتك جميلة ومفيدة للزائرين ، وهو ما يشبه ما تجده في مواقع الويب الخاصة بعرض مميزات الهواتف (مثل Mobizil ).

  معاينة

   إضافة مواصفات الجوال لموقعك :

لإضافة أداة عرض مواصفات الهاتف المحمول على Blogger ، يجب علينا إضافة بعض اكود HTML و CSS فقط. 

اولا : توجه الى حسابك في بلوجر

ثانيا : قم بتعديل HTML المظهر

ثالتا : ضع هذه كود CSS فوق <b:skin/>

/* header specification table by https://www.tikniya.xyz */
.specta {font-size: 13px;position: relative;width: 100%;line-height: 10px;}
.specta ul {list-style: none;padding: 0;margin: 0;}
.specta ul li {background: #CB1D2C;padding: 15px 15px 15px 65px;position: relative;border-radius: 0px;overflow: hidden;-webkit-transition: 0.9s;margin: 10px 0;color: #fff;}
.specta ul li:before {content: '';position: absolute;top: 0;left: 0;bottom: 0;width: 55px;background-color: #D1001D;background-repeat: no-repeat;background-position: center center;background-size: 28px 28px;}
.specta ul li.spec1:before {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='80' y='80' width='352' height='352' rx='48' ry='48' stroke-linejoin='round' stroke='%23fff' fill='none' stroke-width='32'/%3E%3Crect x='144' y='144' width='224' height='224' rx='16' ry='16' stroke-linejoin='round' stroke='%23fff' fill='none' stroke-width='32'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M256 80V48M336 80V48M176 80V48M256 464v-32M336 464v-32M176 464v-32M432 256h32M432 336h32M432 176h32M48 256h32M48 336h32M48 176h32' stroke='%23fff' fill='none' stroke-width='32'/%3E%3C/svg%3E");}
.specta ul li.spec2:before {background-image: url("data:image/svg+xml,%3Csvg stroke='%23fff' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0048 48h320a48.14 48.14 0 0048-48V272l-32-152c-5-27-23-40-48-40z' stroke-linejoin='round' fill='none' stroke-width='32px'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M48 272h144M320 272h144M192 272a64 64 0 00128 0' fill='none' stroke-width='32px'/%3E%3C/svg%3E");}
.specta ul li.spec3:before {background-image: url("data:image/svg+xml,%3Csvg stroke='%23FFF' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M350.54 148.68l-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 00-32 32v192a32 32 0 0032 32h352a32 32 0 0032-32V192a32 32 0 00-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32z' stroke-linecap='round' stroke-linejoin='round' fill='none' stroke-width='32px'/%3E%3Ccircle cx='256' cy='272' r='80' stroke-miterlimit='10' fill='none' stroke-width='32px'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M124 158v-22h-24v22' fill='none' stroke-width='32px'/%3E%3C/svg%3E");}
.specta ul li.spec4:before {background-image: url("data:image/svg+xml,%3Csvg stroke='%23FFF' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='32' y='144' width='400' height='224' rx='45.7' ry='45.7' stroke-linecap='square' stroke-miterlimit='10' fill='none' stroke-width='32px'/%3E%3Crect x='85.69' y='198.93' width='154.31' height='114.13' rx='4' ry='4' stroke-linecap='square' stroke-miterlimit='10' fill ='%23fff' stroke-width='32'/%3E%3Cpath stroke-linecap='round' stroke-miterlimit='10' d='M480 218.67v74.66' fill='none' stroke-width='32px'/%3E%3C/svg%3E");}
.specta ul li.spec5:before {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 305.2'%3E%3Ctitle%3Eram%3C/title%3E%3Cpath d='M210.7,193.1h90.6v95H210.7Z' transform='translate(0 -103)' fill='%23fff'/%3E%3Cpath d='M90.1,193.1h90.6v95H90.1Z' transform='translate(0 -103)' fill='%23fff'/%3E%3Cpath d='M331.3,193.1h90.6v95H331.3Z' transform='translate(0 -103)' fill='%23fff'/%3E%3Cpath d='M512,103H0V378.2H30.8v30h30v-30H90.9v30h30v-30h30v30h30v-30H211v30h30v-30h30v30h30v-30h30.1v30h30v-30h30v30h30v-30h30.1v30h30v-30H512ZM60.1,318.1v-155H451.9v155Z' transform='translate(0 -103)' fill='%23fff'/%3E%3C/svg%3E");}
.specta ul li span {font-weight: bold;}
.specta li:hover {background-color: #E20014;color: #fff !important;border-radius: 20px;border-top-right-radius: 0;border-bottom-left-radius: 0;transition: all 0.9s;}
/* detailed specification table ti9niya arabic */
.table-spec {border: 1px solid #48525c;border-radius: 6px;overflow: hidden;margin: 20px 0}
.table-spec-head h4 {font-size: 17px;margin: 0;padding: 10px;border-bottom: 1px solid #48525c}
.table-spec-head:after {content: '';position: absolute;left: 10px;top: 10px;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px}
.ti9-bd:after {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 307.2 512'%3E%3Ctitle%3EBody%3C/title%3E%3Cpath d='M302.9,42.7H251.7a12.8,12.8,0,1,0,0,25.6h51.2a12.8,12.8,0,1,0,0-25.6Z' transform='translate(-102.4)'/%3E%3Cpath d='M358.4,0H153.6a51.3,51.3,0,0,0-51.2,51.2V460.8A51.3,51.3,0,0,0,153.6,512H358.4a51.3,51.3,0,0,0,51.2-51.2V51.2A51.3,51.3,0,0,0,358.4,0ZM384,460.8a25.6,25.6,0,0,1-25.6,25.6H153.6A25.6,25.6,0,0,1,128,460.8V51.2a25.6,25.6,0,0,1,25.6-25.6H358.4A25.6,25.6,0,0,1,384,51.2V460.8Z' transform='translate(-102.4)'/%3E%3Ccircle cx='153.6' cy='443.7' r='25.6'/%3E%3Ccircle cx='106.7' cy='55.5' r='12.8'/%3E%3C/svg%3E")}
.ti9-lyr:after {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 307.2 512'%3E%3Ctitle%3Elyr%3C/title%3E%3Cpath d='M302.9,42.7H251.7a12.8,12.8,0,1,0,0,25.6h51.2a12.8,12.8,0,1,0,0-25.6Z' transform='translate(-102.4)'/%3E%3Cpath d='M358.4,0H153.6a51.3,51.3,0,0,0-51.2,51.2V460.8A51.3,51.3,0,0,0,153.6,512H358.4a51.3,51.3,0,0,0,51.2-51.2V51.2A51.3,51.3,0,0,0,358.4,0ZM384,460.8a25.6,25.6,0,0,1-25.6,25.6H153.6A25.6,25.6,0,0,1,128,460.8V51.2a25.6,25.6,0,0,1,25.6-25.6H358.4A25.6,25.6,0,0,1,384,51.2V460.8Z' transform='translate(-102.4)'/%3E%3Ccircle cx='153.6' cy='443.7' r='25.6'/%3E%3Ccircle cx='106.7' cy='55.5' r='12.8'/%3E%3Cline x1='199.8' y1='161.3' x2='112.4' y2='334.7' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:8px'/%3E%3Cpolygon points='158.9 153.8 225.6 110 230.2 189.6 158.9 153.8'/%3E%3Cpolygon points='82 306.4 86.6 386 153.3 342.2 82 306.4'/%3E%3C/svg%3E")}
.ti9-jr:after {background-image: url("data:image/svg+xml,%3Csvg id='lni_lni-envelope' data-name='lni lni-envelope' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.7 51.8'%3E%3Ctitle%3Etest%3C/title%3E%3Cpath d='M43,3.8H23.6a.9.9,0,0,0-.7.3L12.1,14.9a.9.9,0,0,0-.3.7V50.1a5.4,5.4,0,0,0,5.4,5.4H43a5.4,5.4,0,0,0,5.4-5.4V9.2A5.4,5.4,0,0,0,43,3.8Zm3.3,46.3A3.3,3.3,0,0,1,43,53.4H17.2a3.3,3.3,0,0,1-3.3-3.3v-34L24.1,5.9H43a3.3,3.3,0,0,1,3.3,3.3Z' transform='translate(-11.8 -3.8)' style='fill:%23020202'/%3E%3Cpath d='M38.7,21H21.5a3.3,3.3,0,0,0-3.3,3.3V45.8a3.3,3.3,0,0,0,3.3,3.3H38.7A3.3,3.3,0,0,0,42,45.8V24.3A3.3,3.3,0,0,0,38.7,21Zm1.1,24.8a1.1,1.1,0,0,1-1.1,1.1H21.5a1.1,1.1,0,0,1-1.1-1.1V24.3a1.1,1.1,0,0,1,1.1-1.1H38.7a1.1,1.1,0,0,1,1.1,1.1V45.8Z' transform='translate(-11.8 -3.8)' style='fill:%23020202'/%3E%3Cpath d='M40.9,34H19.3a1.1,1.1,0,0,0-1.1,1,1.1,1.1,0,0,0,1.1,1.1H40.9A1.1,1.1,0,0,0,42,35,1.1,1.1,0,0,0,40.9,34Z' transform='translate(-11.8 -3.8)' style='fill:%23020202'/%3E%3Cpath d='M25.8,21a1.1,1.1,0,0,0-1.1,1.1v6.5a1.1,1.1,0,1,0,2.2,0V22.1A1.1,1.1,0,0,0,25.8,21Z' transform='translate(-11.8 -3.8)' style='fill:%23020202'/%3E%3Cpath d='M30.1,27.5A1.1,1.1,0,0,0,29,28.6V35a1.1,1.1,0,0,0,2.2,0V28.6A1.1,1.1,0,0,0,30.1,27.5Z' transform='translate(-11.8 -3.8)' style='fill:%23020202'/%3E%3Cpath d='M34.4,21a1.1,1.1,0,0,0-1.1,1.1v6.5a1.1,1.1,0,1,0,2.2,0V22.1A1.1,1.1,0,0,0,34.4,21Z' transform='translate(-11.8 -3.8)' style='fill:%23020202'/%3E%3Cpath d='M30.1,40.4A1.1,1.1,0,0,0,29,41.5V48a1.1,1.1,0,0,0,2.2,0V41.5A1.1,1.1,0,0,0,30.1,40.4Z' transform='translate(-11.8 -3.8)' style='fill:%23020202'/%3E%3Cpath d='M25.8,34a1.1,1.1,0,0,0-1.1,1v6.5a1.1,1.1,0,0,0,2.2,0V35A1.1,1.1,0,0,0,25.8,34Z' transform='translate(-11.8 -3.8)' style='fill:%23020202'/%3E%3Cpath d='M34.4,34a1.1,1.1,0,0,0-1.1,1v6.5a1.1,1.1,0,0,0,2.2,0V35A1.1,1.1,0,0,0,34.4,34Z' transform='translate(-11.8 -3.8)' style='fill:%23020202'/%3E%3C/svg%3E")}
.ti9-um:after {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 307.2 512'%3E%3Ctitle%3EBody%3C/title%3E%3Cpath d='M302.9,42.7H251.7a12.8,12.8,0,1,0,0,25.6h51.2a12.8,12.8,0,1,0,0-25.6Z' transform='translate(-102.4)'/%3E%3Cpath d='M358.4,0H153.6a51.3,51.3,0,0,0-51.2,51.2V460.8A51.3,51.3,0,0,0,153.6,512H358.4a51.3,51.3,0,0,0,51.2-51.2V51.2A51.3,51.3,0,0,0,358.4,0ZM384,460.8a25.6,25.6,0,0,1-25.6,25.6H153.6A25.6,25.6,0,0,1,128,460.8V51.2a25.6,25.6,0,0,1,25.6-25.6H358.4A25.6,25.6,0,0,1,384,51.2V460.8Z' transform='translate(-102.4)'/%3E%3Ccircle cx='153.6' cy='443.7' r='25.6'/%3E%3Ccircle cx='106.7' cy='55.5' r='12.8'/%3E%3C/svg%3E")}
.ti9-cam1:after {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420.8 331.2'%3E%3Ctitle%3Ecamera (1)%3C/title%3E%3Cpath d='M406.8,96.4a45.2,45.2,0,0,0-33.2-14H307.2v-.8a35.9,35.9,0,0,0-10.8-26,36.6,36.6,0,0,0-26-10.8h-120a36.9,36.9,0,0,0-37.2,36.8v.8h-66A45.2,45.2,0,0,0,14,96.4,47.6,47.6,0,0,0,0,129.6V328.8A45.2,45.2,0,0,0,14,362a47.6,47.6,0,0,0,33.2,14H373.6a45.2,45.2,0,0,0,33.2-14,47.6,47.6,0,0,0,14-33.2V129.6A45.2,45.2,0,0,0,406.8,96.4ZM400,328.8h-.4a25.9,25.9,0,0,1-26,26H47.2a25.9,25.9,0,0,1-26-26V129.6a25.9,25.9,0,0,1,26-26h77.2a10.8,10.8,0,0,0,10.8-10.8V81.2a15.1,15.1,0,0,1,15.6-15.6H270.4A15.1,15.1,0,0,1,286,81.2V92.8a10.8,10.8,0,0,0,10.8,10.8H374a25.9,25.9,0,0,1,26,26Z' transform='translate(0 -44.8)'/%3E%3Cpath d='M210.4,130.8A98.3,98.3,0,1,0,280,159.6,98.6,98.6,0,0,0,210.4,130.8ZM264.8,284A77.3,77.3,0,0,1,156,284a76.5,76.5,0,0,1-22.4-54.4A78.2,78.2,0,0,1,156,175.2a76.5,76.5,0,0,1,54.4-22.4,78.2,78.2,0,0,1,54.4,22.4,76.5,76.5,0,0,1,22.4,54.4C287.6,250.8,278.8,270,264.8,284Z' transform='translate(0 -44.8)'/%3E%3Ccircle cx='352.8' cy='105.2' r='19.6'/%3E%3C/svg%3E")}
.ti9-cam2:after {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420.8 331.2'%3E%3Ctitle%3Ecamera (1)%3C/title%3E%3Cpath d='M406.8,96.4a45.2,45.2,0,0,0-33.2-14H307.2v-.8a35.9,35.9,0,0,0-10.8-26,36.6,36.6,0,0,0-26-10.8h-120a36.9,36.9,0,0,0-37.2,36.8v.8h-66A45.2,45.2,0,0,0,14,96.4,47.6,47.6,0,0,0,0,129.6V328.8A45.2,45.2,0,0,0,14,362a47.6,47.6,0,0,0,33.2,14H373.6a45.2,45.2,0,0,0,33.2-14,47.6,47.6,0,0,0,14-33.2V129.6A45.2,45.2,0,0,0,406.8,96.4ZM400,328.8h-.4a25.9,25.9,0,0,1-26,26H47.2a25.9,25.9,0,0,1-26-26V129.6a25.9,25.9,0,0,1,26-26h77.2a10.8,10.8,0,0,0,10.8-10.8V81.2a15.1,15.1,0,0,1,15.6-15.6H270.4A15.1,15.1,0,0,1,286,81.2V92.8a10.8,10.8,0,0,0,10.8,10.8H374a25.9,25.9,0,0,1,26,26Z' transform='translate(0 -44.8)'/%3E%3Cpath d='M210.4,130.8A98.3,98.3,0,1,0,280,159.6,98.6,98.6,0,0,0,210.4,130.8ZM264.8,284A77.3,77.3,0,0,1,156,284a76.5,76.5,0,0,1-22.4-54.4A78.2,78.2,0,0,1,156,175.2a76.5,76.5,0,0,1,54.4-22.4,78.2,78.2,0,0,1,54.4,22.4,76.5,76.5,0,0,1,22.4,54.4C287.6,250.8,278.8,270,264.8,284Z' transform='translate(0 -44.8)'/%3E%3Ccircle cx='352.8' cy='105.2' r='19.6'/%3E%3C/svg%3E")}
.ti9-hd:after {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3Ehr%3C/title%3E%3Cpath d='M328.3,128.5H183.7a55.3,55.3,0,0,0-55.2,55.2V328.3a55.3,55.3,0,0,0,55.2,55.2H328.3a55.3,55.3,0,0,0,55.2-55.2V183.7A55.3,55.3,0,0,0,328.3,128.5Zm25.2,199.8a25.2,25.2,0,0,1-25.2,25.2H183.7a25.2,25.2,0,0,1-25.2-25.2V183.7a25.2,25.2,0,0,1,25.2-25.2H328.3a25.2,25.2,0,0,1,25.2,25.2Z'/%3E%3Cpath d='M497,202.7a15,15,0,0,0,0-30H447.7V134.4H497a15,15,0,0,0,0-30H445.6a55.4,55.4,0,0,0-38-38V15a15,15,0,0,0-30,0V64.3H339.3V15a15,15,0,0,0-30,0V64.3H271V15a15,15,0,0,0-30,0V64.3H202.7V15a15,15,0,0,0-30,0V64.3H134.4V15a15,15,0,0,0-30,0V66.4a55.4,55.4,0,0,0-38,38H15a15,15,0,0,0,0,30H64.3v38.3H15a15,15,0,0,0,0,30H64.3V241H15a15,15,0,0,0,0,30H64.3v38.3H15a15,15,0,0,0,0,30H64.3v38.3H15a15,15,0,0,0,0,30H66.4a55.4,55.4,0,0,0,38,38V497a15,15,0,0,0,30,0V447.7h38.3V497a15,15,0,0,0,30,0V447.7H241V497a15,15,0,0,0,30,0V447.7h38.3V497a15,15,0,0,0,30,0V447.7h38.3V497a15,15,0,0,0,30,0V445.6a55.4,55.4,0,0,0,38-38H497a15,15,0,0,0,0-30H447.7V339.3H497a15,15,0,0,0,0-30H447.7V271H497a15,15,0,0,0,0-30H447.7V202.7Zm-104.4,215H119.4a25.2,25.2,0,0,1-25.1-25.1V119.4a25.2,25.2,0,0,1,25.1-25.1H392.6a25.2,25.2,0,0,1,25.1,25.1V392.6A25.2,25.2,0,0,1,392.6,417.7Z'/%3E%3C/svg%3E")}
.ti9-mem:after {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 426.7 512'%3E%3Ctitle%3Ememory%3C/title%3E%3Cpath d='M411,512H101.7A58.7,58.7,0,0,1,43,453.3V58.7A58.7,58.7,0,0,1,101.7,0H347.4a58.3,58.3,0,0,1,39,14.8L450,71.3a58.9,58.9,0,0,1,19.7,43.9V453.3A58.7,58.7,0,0,1,411,512ZM101.7,32A26.8,26.8,0,0,0,75,58.7V453.3A26.8,26.8,0,0,0,101.7,480H411a26.8,26.8,0,0,0,26.7-26.7V115.2a26.9,26.9,0,0,0-9-20L365.1,38.7A26.7,26.7,0,0,0,347.4,32Z' transform='translate(-43)'/%3E%3Cpath d='M123,128a16,16,0,0,1-16-16V80a16,16,0,0,1,32,0v32A16,16,0,0,1,123,128Z' transform='translate(-43)'/%3E%3Cpath d='M187,128a16,16,0,0,1-16-16V80a16,16,0,0,1,32,0v32A16,16,0,0,1,187,128Z' transform='translate(-43)'/%3E%3Cpath d='M251,128a16,16,0,0,1-16-16V80a16,16,0,0,1,32,0v32A16,16,0,0,1,251,128Z' transform='translate(-43)'/%3E%3Cpath d='M315,128a16,16,0,0,1-16-16V80a16,16,0,0,1,32,0v32A16,16,0,0,1,315,128Z' transform='translate(-43)'/%3E%3Cpath d='M389.7,448H123a16,16,0,0,1-16-16V272a16,16,0,0,1,16-16H389.7a16,16,0,0,1,16,16V432A16,16,0,0,1,389.7,448ZM139,416H373.7V288H139Z' transform='translate(-43)'/%3E%3C/svg%3E")}
.ti9-net:after {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.8 512'%3E%3Ctitle%3Esignal-tower%3C/title%3E%3Cpath d='M256.1,86.3a57.2,57.2,0,1,0,57.2,57.2A57.3,57.3,0,0,0,256.1,86.3Zm0,82a24.8,24.8,0,1,1,24.8-24.8A24.8,24.8,0,0,1,256.1,168.3Z' transform='translate(-59.6 0)'/%3E%3Cpath d='M192.6,80a16.2,16.2,0,0,0-22.9-22.9,122.2,122.2,0,0,0,0,172.8,15.9,15.9,0,0,0,11.4,4.8,16.4,16.4,0,0,0,11.5-4.7,16.2,16.2,0,0,0,0-22.9A89.9,89.9,0,0,1,192.6,80Z' transform='translate(-59.6 0)'/%3E%3Cpath d='M342.6,57.1A16.2,16.2,0,1,0,319.7,80a89.7,89.7,0,0,1,0,127.1,16.1,16.1,0,0,0,0,22.8,15.9,15.9,0,0,0,11.4,4.8,16.1,16.1,0,0,0,11.5-4.8,121.9,121.9,0,0,0,0-172.8Z' transform='translate(-59.6 0)'/%3E%3Cpath d='M92,143.8A163.5,163.5,0,0,1,140.2,27.6,16.2,16.2,0,1,0,117.4,4.7a196.2,196.2,0,0,0,0,278.1,16.2,16.2,0,1,0,22.8-22.9A163.1,163.1,0,0,1,92,143.8Z' transform='translate(-59.6 0)'/%3E%3Cpath d='M394.9,4.7A16.2,16.2,0,0,0,372,27.6c64,64.1,64,168.3,0,232.3a16.3,16.3,0,0,0,11.5,27.7,16.1,16.1,0,0,0,11.4-4.8C471.6,206.1,471.6,81.4,394.9,4.7Z' transform='translate(-59.6 0)'/%3E%3Crect x='270.9' y='254.4' width='32.4' height='239.58' transform='translate(-239.5 308.1) rotate(-44.5)'/%3E%3Crect x='105.4' y='358' width='240' height='32.37' transform='translate(-259 272.3) rotate(-45.5)'/%3E%3Cpath d='M399.2,490.3,286.5,176.9A16.2,16.2,0,0,0,256,187.8L368.8,501.3A16.1,16.1,0,0,0,384,512a15.2,15.2,0,0,0,5.5-1A16.1,16.1,0,0,0,399.2,490.3Z' transform='translate(-59.6 0)'/%3E%3Cpath d='M247.1,167.1a16.3,16.3,0,0,0-20.8,9.7L113,490.3a16.1,16.1,0,0,0,9.8,20.7,14.9,14.9,0,0,0,5.5,1,16.2,16.2,0,0,0,15.2-10.7L256.8,187.8A16.2,16.2,0,0,0,247.1,167.1Z' transform='translate(-59.6 0)'/%3E%3C/svg%3E")}
.ti9-bat:after {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 234.7'%3E%3Ctitle%3Ebattery (1)%3C/title%3E%3Cpath d='M480,202.7H469.3V192A53.3,53.3,0,0,0,416,138.7H53.3A53.3,53.3,0,0,0,0,192V320a53.3,53.3,0,0,0,53.3,53.3H416A53.3,53.3,0,0,0,469.3,320V309.3H480a32,32,0,0,0,32-32V234.7A32,32,0,0,0,480,202.7Zm10.7,74.6A10.7,10.7,0,0,1,480,288H458.7A10.7,10.7,0,0,0,448,298.7V320a32.1,32.1,0,0,1-32,32H53.3a32.1,32.1,0,0,1-32-32V192a32.1,32.1,0,0,1,32-32H416a32.1,32.1,0,0,1,32,32v21.3A10.7,10.7,0,0,0,458.7,224H480a10.7,10.7,0,0,1,10.7,10.7Z' transform='translate(0 -138.7)'/%3E%3Cpath d='M212.2,315.2l-64-128a10.7,10.7,0,0,0-9.5-5.9H53.3A10.6,10.6,0,0,0,42.7,192V320a10.6,10.6,0,0,0,10.6,10.7H202.7a10.6,10.6,0,0,0,9-5.1A10.4,10.4,0,0,0,212.2,315.2ZM64,309.3V202.7h68.1l53.3,106.6Z' transform='translate(0 -138.7)'/%3E%3C/svg%3E")}
.ti9-fit:after {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 495'%3E%3Ctitle%3Efeature%3C/title%3E%3Cpath d='M511.3,194.4A15.1,15.1,0,0,0,498,184.1L331.3,173.3,269.5,18a15,15,0,0,0-27.9,0L179.8,173.3,14,184.1a15,15,0,0,0-8.6,26.5L132.9,317.4l-41.2,162a14.7,14.7,0,0,0,5.7,15.8,14.9,14.9,0,0,0,16.8.6l141.3-89.3,141.3,89.3a15,15,0,0,0,22.6-16.4l-41.3-162L506.6,210.6A15,15,0,0,0,511.3,194.4Zm-159.7,106a15.1,15.1,0,0,0-4.9,15.2L381,450.3,263.5,376a15.2,15.2,0,0,0-8-2.3,15.4,15.4,0,0,0-8,2.3L130,450.3l34.3-134.7a14.7,14.7,0,0,0-4.9-15.2L53.3,211.6l137.9-9a14.9,14.9,0,0,0,12.9-9.4L255.5,64.1l51.4,129.1a15.1,15.1,0,0,0,13,9.4l138.6,9Z' transform='translate(0 -8.5)'/%3E%3Cpath d='M269.5,180.2a15,15,0,0,0-27.9,0l-20.1,50.5-54.3,3.5a15,15,0,0,0-8.6,26.5l41.8,34.8L187,348.1a15,15,0,0,0,22.6,16.4l45.9-29,46,29A15,15,0,0,0,324,348.1l-13.4-52.6,41.8-34.8a14.8,14.8,0,0,0,4.7-16.1,15,15,0,0,0-13.3-10.4l-54.2-3.5Zm14.7,98.2a15.1,15.1,0,0,0-5,15.3l6.5,25.3-22.2-13.9a14.9,14.9,0,0,0-16,0L225.4,319l6.5-25.3a15.1,15.1,0,0,0-5-15.3l-20.1-16.7,26.1-1.7a14.9,14.9,0,0,0,13-9.4l9.6-24.3,9.7,24.3a14.9,14.9,0,0,0,13,9.4l26.1,1.7Z' transform='translate(0 -8.5)'/%3E%3Ccircle cx='256' cy='480' r='15'/%3E%3Ccircle cx='455.7' cy='334.9' r='15'/%3E%3Ccircle cx='379.4' cy='100.1' r='15'/%3E%3Ccircle cx='132.6' cy='100.1' r='15'/%3E%3Ccircle cx='56.3' cy='334.9' r='15'/%3E%3C/svg%3E")}
.ti9-har:after {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%2316A085' cx='21' cy='59' r='1'/%3E%3Ccircle fill='%2316A085' cx='46' cy='59' r='1'/%3E%3Cpath fill='%2316A085' d='M61,20H59a3,3,0,0,0-3,3v1.85L54.1,31,54,31H41V3a3,3,0,0,0-3-3H22a3,3,0,0,0-3,3V6a1,1,0,0,0-1,1V9a1,1,0,0,0,1,1v2a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1V31H3.39L2,26.68a1,1,0,0,0-1.27-.63,1,1,0,0,0-.63,1.27L8,51.16V53a3,3,0,0,0,3,3h6a4.92,4.92,0,0,0-1,3,5,5,0,0,0,10,0,4.92,4.92,0,0,0-1-3H42a4.92,4.92,0,0,0-1,3,5,5,0,1,0,8.12-3.88A3,3,0,0,0,50,53V51.15L57.74,26H61a3,3,0,0,0,0-6ZM52.11,37.5H42.35L43.3,33H53.49Zm-1.85,6H41.09l1-5H51.8Zm-2,6.5H39.72l1.16-5.5H50ZM9.72,50,7.89,44.5H18.47l.87,5.5ZM20,33h9.5v4.5H18.37L17.66,33Zm22.28,0-1,4.5H30.5V33H42.28Zm-1.16,5.5-1,5H30.5v-5Zm-11.62,0v5H19.32l-.79-5Zm-11.19,5H7.55l-1.66-5H17.52Zm2,6.5-.87-5.5h10V50ZM30.5,44.5h9.36L38.7,50H30.5ZM22,2H38a1,1,0,0,1,.85.5H37.5a2.87,2.87,0,0,0-2.24,1.16,1.92,1.92,0,0,1-1.51.84h-7.5a1.92,1.92,0,0,1-1.51-.84A2.87,2.87,0,0,0,22.5,2.5H21.15A1,1,0,0,1,22,2ZM21,3.5h1.5A1.92,1.92,0,0,1,24,4.34,2.87,2.87,0,0,0,26.25,5.5h7.5A2.87,2.87,0,0,0,36,4.34,1.92,1.92,0,0,1,37.5,3.5H39V31H21ZM16.65,33l.71,4.5H5.55L4.05,33ZM24,59a3,3,0,1,1-3-3A3,3,0,0,1,24,59Zm22,3a3,3,0,1,1,3-3A3,3,0,0,1,46,62ZM11,54a1,1,0,0,1-1-1V52H48v1a1,1,0,0,1-1,1ZM61,24H58V23a1,1,0,0,1,1-1h2a1,1,0,0,1,0,2Z'/%3E%3Ccircle fill='%2316A085' cx='30' cy='3.5' r='0.5'/%3E%3Cpath fill='%2316A085' d='M45.5,21a.5.5,0,0,0,.5.5h2a.5.5,0,0,0,0-1H46A.5.5,0,0,0,45.5,21Z'/%3E%3Cpath fill='%2316A085' d='M44.65,25.35l1,1a.48.48,0,0,0,.7,0,.48.48,0,0,0,0-.7l-1-1a.49.49,0,0,0-.7.7Z'/%3E%3Cpath fill='%2316A085' d='M45.65,15.65l-1,1a.48.48,0,0,0,0,.7.48.48,0,0,0,.7,0l1-1a.49.49,0,1,0-.7-.7Z'/%3E%3Cpath fill='%2316A085' d='M11.5,21a.5.5,0,0,0,.5.5h2a.5.5,0,0,0,0-1H12A.5.5,0,0,0,11.5,21Z'/%3E%3Cpath fill='%2316A085' d='M14.65,24.65l-1,1a.48.48,0,0,0,0,.7.48.48,0,0,0,.7,0l1-1a.49.49,0,0,0-.7-.7Z'/%3E%3Cpath fill='%2316A085' d='M15.35,16.65l-1-1a.49.49,0,1,0-.7.7l1,1a.48.48,0,0,0,.7,0A.48.48,0,0,0,15.35,16.65Z'/%3E%3Cpath fill='%2316A085' d='M30,13.5A6.5,6.5,0,1,0,36.5,20,6.51,6.51,0,0,0,30,13.5Zm0,12A5.5,5.5,0,1,1,35.5,20,5.51,5.51,0,0,1,30,25.5Z'/%3E%3Cpath fill='%2316A085' d='M29,18.5A1.5,1.5,0,0,0,27.5,17a1.12,1.12,0,0,0-.32,0A1,1,0,0,1,28,18a1,1,0,0,1-1,1,1,1,0,0,1-1-.82,1.12,1.12,0,0,0,0,.32,1.5,1.5,0,0,0,3,0Z'/%3E%3Cpath fill='%2316A085' d='M32.5,17a1.12,1.12,0,0,0-.32,0A1,1,0,0,1,33,18a1,1,0,0,1-1,1,1,1,0,0,1-1-.82,1.12,1.12,0,0,0,0,.32A1.5,1.5,0,1,0,32.5,17Z'/%3E%3Cpath fill='%2316A085' d='M31.84,22.53c-2.51.83-3.36-.68-3.39-.76a.5.5,0,0,0-.9.45,3.24,3.24,0,0,0,2.89,1.56,5.36,5.36,0,0,0,1.72-.31.5.5,0,1,0-.32-.94Z'/%3E%3C/svg%3E")}
.table-spec-head {position: relative}
.table-spec-list ul {margin: 0;padding: 0}
.table-spec-list ul li {display: flex;list-style: none;border-bottom: 1px solid #f1f2f3}
.table-spec-list ul li span:hover {background-color: #FFE6E8;transition: all 1s}
.table-spec-list ul li span {padding: 10px}
.table-spec-list ul li:last-child {border-bottom: none}
.table-title-list {background-color: #f7f8f9;font-weight: bold;border-left: 1px solid #f1f2f3;width: 35%}
.table-isi-list {width: 70%}
.table-spec-list {font-size: 13px}
.darkMode .table-title-list {background-color: #323542;font-weight: bold;border-left: 1px solid #656e77;width: 35%}
.darkMode .ti9-um:after {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 307.2 512'%3E%3Ctitle%3EBd%3C/title%3E%3Cpath d='M302.9,42.7H251.7a12.8,12.8,0,1,0,0,25.6h51.2a12.8,12.8,0,1,0,0-25.6Z' transform='translate(-102.4)' style='fill:%23fcfcfc'/%3E%3Cpath d='M358.4,0H153.6a51.3,51.3,0,0,0-51.2,51.2V460.8A51.3,51.3,0,0,0,153.6,512H358.4a51.3,51.3,0,0,0,51.2-51.2V51.2A51.3,51.3,0,0,0,358.4,0ZM384,460.8a25.6,25.6,0,0,1-25.6,25.6H153.6A25.6,25.6,0,0,1,128,460.8V51.2a25.6,25.6,0,0,1,25.6-25.6H358.4A25.6,25.6,0,0,1,384,51.2V460.8Z' transform='translate(-102.4)' style='fill:%23fcfcfc'/%3E%3Ccircle cx='153.6' cy='443.7' r='25.6' style='fill:%23fcfcfc'/%3E%3Ccircle cx='106.7' cy='55.5' r='12.8' style='fill:%23fcfcfc'/%3E%3C/svg%3E")}
.darkMode .ti9-bd:after {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 307.2 512'%3E%3Ctitle%3EBd%3C/title%3E%3Cpath d='M302.9,42.7H251.7a12.8,12.8,0,1,0,0,25.6h51.2a12.8,12.8,0,1,0,0-25.6Z' transform='translate(-102.4)' style='fill:%23fcfcfc'/%3E%3Cpath d='M358.4,0H153.6a51.3,51.3,0,0,0-51.2,51.2V460.8A51.3,51.3,0,0,0,153.6,512H358.4a51.3,51.3,0,0,0,51.2-51.2V51.2A51.3,51.3,0,0,0,358.4,0ZM384,460.8a25.6,25.6,0,0,1-25.6,25.6H153.6A25.6,25.6,0,0,1,128,460.8V51.2a25.6,25.6,0,0,1,25.6-25.6H358.4A25.6,25.6,0,0,1,384,51.2V460.8Z' transform='translate(-102.4)' style='fill:%23fcfcfc'/%3E%3Ccircle cx='153.6' cy='443.7' r='25.6' style='fill:%23fcfcfc'/%3E%3Ccircle cx='106.7' cy='55.5' r='12.8' style='fill:%23fcfcfc'/%3E%3C/svg%3E")}
.darkMode .ti9-lyr:after {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 307.2 512'%3E%3Ctitle%3Elyr%3C/title%3E%3Cpath d='M302.9,42.7H251.7a12.8,12.8,0,1,0,0,25.6h51.2a12.8,12.8,0,1,0,0-25.6Z' transform='translate(-102.4)' style='fill:%23fcfcfc'/%3E%3Cpath d='M358.4,0H153.6a51.3,51.3,0,0,0-51.2,51.2V460.8A51.3,51.3,0,0,0,153.6,512H358.4a51.3,51.3,0,0,0,51.2-51.2V51.2A51.3,51.3,0,0,0,358.4,0ZM384,460.8a25.6,25.6,0,0,1-25.6,25.6H153.6A25.6,25.6,0,0,1,128,460.8V51.2a25.6,25.6,0,0,1,25.6-25.6H358.4A25.6,25.6,0,0,1,384,51.2V460.8Z' transform='translate(-102.4)' style='fill:%23fcfcfc'/%3E%3Ccircle cx='153.6' cy='443.7' r='25.6' style='fill:%23fcfcfc'/%3E%3Ccircle cx='106.7' cy='55.5' r='12.8' style='fill:%23fcfcfc'/%3E%3Cline x1='225.6' y1='110' x2='86.6' y2='386' style='fill:%23fcfcfc'/%3E%3Cline x1='199.8' y1='161.3' x2='112.4' y2='334.7' style='fill:none;stroke:%23fcfcfc;stroke-miterlimit:10;stroke-width:8px'/%3E%3Cpolygon points='158.9 153.8 225.6 110 230.2 189.6 158.9 153.8' style='fill:%23fcfcfc'/%3E%3Cpolygon points='82 306.4 86.6 386 153.3 342.2 82 306.4' style='fill:%23fcfcfc'/%3E%3C/svg%3E")}
.darkMode .ti9-hd:after {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3Echip%3C/title%3E%3Cpath d='M328.3,128.5H183.7a55.3,55.3,0,0,0-55.2,55.2V328.3a55.3,55.3,0,0,0,55.2,55.2H328.3a55.3,55.3,0,0,0,55.2-55.2V183.7A55.3,55.3,0,0,0,328.3,128.5Zm25.2,199.8a25.2,25.2,0,0,1-25.2,25.2H183.7a25.2,25.2,0,0,1-25.2-25.2V183.7a25.2,25.2,0,0,1,25.2-25.2H328.3a25.2,25.2,0,0,1,25.2,25.2Z' style='fill:%23fcfcfc'/%3E%3Cpath d='M497,202.7a15,15,0,0,0,0-30H447.7V134.4H497a15,15,0,0,0,0-30H445.6a55.4,55.4,0,0,0-38-38V15a15,15,0,0,0-30,0V64.3H339.3V15a15,15,0,0,0-30,0V64.3H271V15a15,15,0,0,0-30,0V64.3H202.7V15a15,15,0,0,0-30,0V64.3H134.4V15a15,15,0,0,0-30,0V66.4a55.4,55.4,0,0,0-38,38H15a15,15,0,0,0,0,30H64.3v38.3H15a15,15,0,0,0,0,30H64.3V241H15a15,15,0,0,0,0,30H64.3v38.3H15a15,15,0,0,0,0,30H64.3v38.3H15a15,15,0,0,0,0,30H66.4a55.4,55.4,0,0,0,38,38V497a15,15,0,0,0,30,0V447.7h38.3V497a15,15,0,0,0,30,0V447.7H241V497a15,15,0,0,0,30,0V447.7h38.3V497a15,15,0,0,0,30,0V447.7h38.3V497a15,15,0,0,0,30,0V445.6a55.4,55.4,0,0,0,38-38H497a15,15,0,0,0,0-30H447.7V339.3H497a15,15,0,0,0,0-30H447.7V271H497a15,15,0,0,0,0-30H447.7V202.7Zm-104.4,215H119.4a25.2,25.2,0,0,1-25.1-25.1V119.4a25.2,25.2,0,0,1,25.1-25.1H392.6a25.2,25.2,0,0,1,25.1,25.1V392.6A25.2,25.2,0,0,1,392.6,417.7Z' style='fill:%23fcfcfc'/%3E%3C/svg%3E")}
.darkMode .ti9-mem:after {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 426.7 512'%3E%3Ctitle%3Ememory (1)%3C/title%3E%3Cpath d='M411,512H101.7A58.7,58.7,0,0,1,43,453.3V58.7A58.7,58.7,0,0,1,101.7,0H347.4a58.3,58.3,0,0,1,39,14.8L450,71.3a58.9,58.9,0,0,1,19.7,43.9V453.3A58.7,58.7,0,0,1,411,512ZM101.7,32A26.8,26.8,0,0,0,75,58.7V453.3A26.8,26.8,0,0,0,101.7,480H411a26.8,26.8,0,0,0,26.7-26.7V115.2a26.9,26.9,0,0,0-9-20L365.1,38.7A26.7,26.7,0,0,0,347.4,32Z' transform='translate(-43)' style='fill:%23fcfcfc'/%3E%3Cpath d='M123,128a16,16,0,0,1-16-16V80a16,16,0,0,1,32,0v32A16,16,0,0,1,123,128Z' transform='translate(-43)' style='fill:%23fcfcfc'/%3E%3Cpath d='M187,128a16,16,0,0,1-16-16V80a16,16,0,0,1,32,0v32A16,16,0,0,1,187,128Z' transform='translate(-43)' style='fill:%23fcfcfc'/%3E%3Cpath d='M251,128a16,16,0,0,1-16-16V80a16,16,0,0,1,32,0v32A16,16,0,0,1,251,128Z' transform='translate(-43)' style='fill:%23fcfcfc'/%3E%3Cpath d='M315,128a16,16,0,0,1-16-16V80a16,16,0,0,1,32,0v32A16,16,0,0,1,315,128Z' transform='translate(-43)' style='fill:%23fcfcfc'/%3E%3Cpath d='M389.7,448H123a16,16,0,0,1-16-16V272a16,16,0,0,1,16-16H389.7a16,16,0,0,1,16,16V432A16,16,0,0,1,389.7,448ZM139,416H373.7V288H139Z' transform='translate(-43)' style='fill:%23fcfcfc'/%3E%3C/svg%3E")}
.darkMode .ti9-net:after {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 392.8 512'%3E%3Ctitle%3Esignal-tower%3C/title%3E%3Cpath d='M256.1,86.3a57.2,57.2,0,1,0,57.2,57.2A57.3,57.3,0,0,0,256.1,86.3Zm0,82a24.8,24.8,0,1,1,24.8-24.8A24.8,24.8,0,0,1,256.1,168.3Z' transform='translate(-59.6 0)' style='fill:%23fcfcfc'/%3E%3Cpath d='M192.6,80a16.2,16.2,0,0,0-22.9-22.9,122.2,122.2,0,0,0,0,172.8,15.9,15.9,0,0,0,11.4,4.8,16.4,16.4,0,0,0,11.5-4.7,16.2,16.2,0,0,0,0-22.9A89.9,89.9,0,0,1,192.6,80Z' transform='translate(-59.6 0)' style='fill:%23fcfcfc'/%3E%3Cpath d='M342.6,57.1A16.2,16.2,0,1,0,319.7,80a89.7,89.7,0,0,1,0,127.1,16.1,16.1,0,0,0,0,22.8,15.9,15.9,0,0,0,11.4,4.8,16.1,16.1,0,0,0,11.5-4.8,121.9,121.9,0,0,0,0-172.8Z' transform='translate(-59.6 0)' style='fill:%23fcfcfc'/%3E%3Cpath d='M92,143.8A163.5,163.5,0,0,1,140.2,27.6,16.2,16.2,0,1,0,117.4,4.7a196.2,196.2,0,0,0,0,278.1,16.2,16.2,0,1,0,22.8-22.9A163.1,163.1,0,0,1,92,143.8Z' transform='translate(-59.6 0)' style='fill:%23fcfcfc'/%3E%3Cpath d='M394.9,4.7A16.2,16.2,0,0,0,372,27.6c64,64.1,64,168.3,0,232.3a16.3,16.3,0,0,0,11.5,27.7,16.1,16.1,0,0,0,11.4-4.8C471.6,206.1,471.6,81.4,394.9,4.7Z' transform='translate(-59.6 0)' style='fill:%23fcfcfc'/%3E%3Crect x='270.9' y='254.4' width='32.4' height='239.58' transform='translate(-239.5 308.1) rotate(-44.5)' style='fill:%23fcfcfc'/%3E%3Crect x='105.4' y='358' width='240' height='32.37' transform='translate(-259 272.3) rotate(-45.5)' style='fill:%23fcfcfc'/%3E%3Cpath d='M399.2,490.3,286.5,176.9A16.2,16.2,0,0,0,256,187.8L368.8,501.3A16.1,16.1,0,0,0,384,512a15.2,15.2,0,0,0,5.5-1A16.1,16.1,0,0,0,399.2,490.3Z' transform='translate(-59.6 0)' style='fill:%23fcfcfc'/%3E%3Cpath d='M247.1,167.1a16.3,16.3,0,0,0-20.8,9.7L113,490.3a16.1,16.1,0,0,0,9.8,20.7,14.9,14.9,0,0,0,5.5,1,16.2,16.2,0,0,0,15.2-10.7L256.8,187.8A16.2,16.2,0,0,0,247.1,167.1Z' transform='translate(-59.6 0)' style='fill:%23fcfcfc'/%3E%3C/svg%3E")}
.darkMode .ti9-fit:after {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 495'%3E%3Ctitle%3Efeature%3C/title%3E%3Cpath d='M511.3,194.4A15.1,15.1,0,0,0,498,184.1L331.3,173.3,269.5,18a15,15,0,0,0-27.9,0L179.8,173.3,14,184.1a15,15,0,0,0-8.6,26.5L132.9,317.4l-41.2,162a14.7,14.7,0,0,0,5.7,15.8,14.9,14.9,0,0,0,16.8.6l141.3-89.3,141.3,89.3a15,15,0,0,0,22.6-16.4l-41.3-162L506.6,210.6A15,15,0,0,0,511.3,194.4Zm-159.7,106a15.1,15.1,0,0,0-4.9,15.2L381,450.3,263.5,376a15.2,15.2,0,0,0-8-2.3,15.4,15.4,0,0,0-8,2.3L130,450.3l34.3-134.7a14.7,14.7,0,0,0-4.9-15.2L53.3,211.6l137.9-9a14.9,14.9,0,0,0,12.9-9.4L255.5,64.1l51.4,129.1a15.1,15.1,0,0,0,13,9.4l138.6,9Z' transform='translate(0 -8.5)' style='fill:%23fcfcfc'/%3E%3Cpath d='M269.5,180.2a15,15,0,0,0-27.9,0l-20.1,50.5-54.3,3.5a15,15,0,0,0-8.6,26.5l41.8,34.8L187,348.1a15,15,0,0,0,22.6,16.4l45.9-29,46,29A15,15,0,0,0,324,348.1l-13.4-52.6,41.8-34.8a14.8,14.8,0,0,0,4.7-16.1,15,15,0,0,0-13.3-10.4l-54.2-3.5Zm14.7,98.2a15.1,15.1,0,0,0-5,15.3l6.5,25.3-22.2-13.9a14.9,14.9,0,0,0-16,0L225.4,319l6.5-25.3a15.1,15.1,0,0,0-5-15.3l-20.1-16.7,26.1-1.7a14.9,14.9,0,0,0,13-9.4l9.6-24.3,9.7,24.3a14.9,14.9,0,0,0,13,9.4l26.1,1.7Z' transform='translate(0 -8.5)' style='fill:%23fcfcfc'/%3E%3Ccircle cx='256' cy='480' r='15' style='fill:%23fcfcfc'/%3E%3Ccircle cx='455.7' cy='334.9' r='15' style='fill:%23fcfcfc'/%3E%3Ccircle cx='379.4' cy='100.1' r='15' style='fill:%23fcfcfc'/%3E%3Ccircle cx='132.6' cy='100.1' r='15' style='fill:%23fcfcfc'/%3E%3Ccircle cx='56.3' cy='334.9' r='15' style='fill:%23fcfcfc'/%3E%3C/svg%3E")}
.darkMode .ti9-bat:after {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 234.7'%3E%3Ctitle%3Ebattery (1)%3C/title%3E%3Cpath d='M480,202.7H469.3V192A53.3,53.3,0,0,0,416,138.7H53.3A53.3,53.3,0,0,0,0,192V320a53.3,53.3,0,0,0,53.3,53.3H416A53.3,53.3,0,0,0,469.3,320V309.3H480a32,32,0,0,0,32-32V234.7A32,32,0,0,0,480,202.7Zm10.7,74.6A10.7,10.7,0,0,1,480,288H458.7A10.7,10.7,0,0,0,448,298.7V320a32.1,32.1,0,0,1-32,32H53.3a32.1,32.1,0,0,1-32-32V192a32.1,32.1,0,0,1,32-32H416a32.1,32.1,0,0,1,32,32v21.3A10.7,10.7,0,0,0,458.7,224H480a10.7,10.7,0,0,1,10.7,10.7Z' transform='translate(0 -138.7)' style='fill:%23fcfcfc'/%3E%3Cpath d='M212.2,315.2l-64-128a10.7,10.7,0,0,0-9.5-5.9H53.3A10.6,10.6,0,0,0,42.7,192V320a10.6,10.6,0,0,0,10.6,10.7H202.7a10.6,10.6,0,0,0,9-5.1A10.4,10.4,0,0,0,212.2,315.2ZM64,309.3V202.7h68.1l53.3,106.6Z' transform='translate(0 -138.7)' style='fill:%23fcfcfc'/%3E%3C/svg%3E")}
.darkMode .ti9-cam1:after {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420.8 331.2'%3E%3Ctitle%3Ecamera (1)%3C/title%3E%3Cpath d='M406.8,96.4a45.2,45.2,0,0,0-33.2-14H307.2v-.8a35.9,35.9,0,0,0-10.8-26,36.6,36.6,0,0,0-26-10.8h-120a36.9,36.9,0,0,0-37.2,36.8v.8h-66A45.2,45.2,0,0,0,14,96.4,47.6,47.6,0,0,0,0,129.6V328.8A45.2,45.2,0,0,0,14,362a47.6,47.6,0,0,0,33.2,14H373.6a45.2,45.2,0,0,0,33.2-14,47.6,47.6,0,0,0,14-33.2V129.6A45.2,45.2,0,0,0,406.8,96.4ZM400,328.8h-.4a25.9,25.9,0,0,1-26,26H47.2a25.9,25.9,0,0,1-26-26V129.6a25.9,25.9,0,0,1,26-26h77.2a10.8,10.8,0,0,0,10.8-10.8V81.2a15.1,15.1,0,0,1,15.6-15.6H270.4A15.1,15.1,0,0,1,286,81.2V92.8a10.8,10.8,0,0,0,10.8,10.8H374a25.9,25.9,0,0,1,26,26Z' transform='translate(0 -44.8)' style='fill:%23fcfcfc'/%3E%3Cpath d='M210.4,130.8A98.3,98.3,0,1,0,280,159.6,98.6,98.6,0,0,0,210.4,130.8ZM264.8,284A77.3,77.3,0,0,1,156,284a76.5,76.5,0,0,1-22.4-54.4A78.2,78.2,0,0,1,156,175.2a76.5,76.5,0,0,1,54.4-22.4,78.2,78.2,0,0,1,54.4,22.4,76.5,76.5,0,0,1,22.4,54.4C287.6,250.8,278.8,270,264.8,284Z' transform='translate(0 -44.8)' style='fill:%23fcfcfc'/%3E%3Ccircle cx='352.8' cy='105.2' r='19.6' style='fill:%23fcfcfc'/%3E%3C/svg%3E")}
.darkMode .ti9-cam2:after {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420.8 331.2'%3E%3Ctitle%3Ecamera (1)%3C/title%3E%3Cpath d='M406.8,96.4a45.2,45.2,0,0,0-33.2-14H307.2v-.8a35.9,35.9,0,0,0-10.8-26,36.6,36.6,0,0,0-26-10.8h-120a36.9,36.9,0,0,0-37.2,36.8v.8h-66A45.2,45.2,0,0,0,14,96.4,47.6,47.6,0,0,0,0,129.6V328.8A45.2,45.2,0,0,0,14,362a47.6,47.6,0,0,0,33.2,14H373.6a45.2,45.2,0,0,0,33.2-14,47.6,47.6,0,0,0,14-33.2V129.6A45.2,45.2,0,0,0,406.8,96.4ZM400,328.8h-.4a25.9,25.9,0,0,1-26,26H47.2a25.9,25.9,0,0,1-26-26V129.6a25.9,25.9,0,0,1,26-26h77.2a10.8,10.8,0,0,0,10.8-10.8V81.2a15.1,15.1,0,0,1,15.6-15.6H270.4A15.1,15.1,0,0,1,286,81.2V92.8a10.8,10.8,0,0,0,10.8,10.8H374a25.9,25.9,0,0,1,26,26Z' transform='translate(0 -44.8)' style='fill:%23fcfcfc'/%3E%3Cpath d='M210.4,130.8A98.3,98.3,0,1,0,280,159.6,98.6,98.6,0,0,0,210.4,130.8ZM264.8,284A77.3,77.3,0,0,1,156,284a76.5,76.5,0,0,1-22.4-54.4A78.2,78.2,0,0,1,156,175.2a76.5,76.5,0,0,1,54.4-22.4,78.2,78.2,0,0,1,54.4,22.4,76.5,76.5,0,0,1,22.4,54.4C287.6,250.8,278.8,270,264.8,284Z' transform='translate(0 -44.8)' style='fill:%23fcfcfc'/%3E%3Ccircle cx='352.8' cy='105.2' r='19.6' style='fill:%23fcfcfc'/%3E%3C/svg%3E")}
.darkMode .ti9-jr:after {background-image: url("data:image/svg+xml,%3Csvg id='lni_lni-envelope' data-name='lni lni-envelope' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.7 51.8'%3E%3Cdefs%3E%3Cstyle%3E.clti9-1%7Bfill:%23fcfcfc;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Etest%3C/title%3E%3Cpath class='clti9-1' d='M43,3.8H23.6a.9.9,0,0,0-.7.3L12.1,14.9a.9.9,0,0,0-.3.7V50.1a5.4,5.4,0,0,0,5.4,5.4H43a5.4,5.4,0,0,0,5.4-5.4V9.2A5.4,5.4,0,0,0,43,3.8Zm3.3,46.3A3.3,3.3,0,0,1,43,53.4H17.2a3.3,3.3,0,0,1-3.3-3.3v-34L24.1,5.9H43a3.3,3.3,0,0,1,3.3,3.3Z' transform='translate(-11.8 -3.8)'/%3E%3Cpath class='clti9-1' d='M38.7,21H21.5a3.3,3.3,0,0,0-3.3,3.3V45.8a3.3,3.3,0,0,0,3.3,3.3H38.7A3.3,3.3,0,0,0,42,45.8V24.3A3.3,3.3,0,0,0,38.7,21Zm1.1,24.8a1.1,1.1,0,0,1-1.1,1.1H21.5a1.1,1.1,0,0,1-1.1-1.1V24.3a1.1,1.1,0,0,1,1.1-1.1H38.7a1.1,1.1,0,0,1,1.1,1.1V45.8Z' transform='translate(-11.8 -3.8)'/%3E%3Cpath class='clti9-1' d='M40.9,34H19.3a1.1,1.1,0,0,0-1.1,1,1.1,1.1,0,0,0,1.1,1.1H40.9A1.1,1.1,0,0,0,42,35,1.1,1.1,0,0,0,40.9,34Z' transform='translate(-11.8 -3.8)'/%3E%3Cpath class='clti9-1' d='M25.8,21a1.1,1.1,0,0,0-1.1,1.1v6.5a1.1,1.1,0,1,0,2.2,0V22.1A1.1,1.1,0,0,0,25.8,21Z' transform='translate(-11.8 -3.8)'/%3E%3Cpath class='clti9-1' d='M30.1,27.5A1.1,1.1,0,0,0,29,28.6V35a1.1,1.1,0,0,0,2.2,0V28.6A1.1,1.1,0,0,0,30.1,27.5Z' transform='translate(-11.8 -3.8)'/%3E%3Cpath class='clti9-1' d='M34.4,21a1.1,1.1,0,0,0-1.1,1.1v6.5a1.1,1.1,0,1,0,2.2,0V22.1A1.1,1.1,0,0,0,34.4,21Z' transform='translate(-11.8 -3.8)'/%3E%3Cpath class='clti9-1' d='M30.1,40.4A1.1,1.1,0,0,0,29,41.5V48a1.1,1.1,0,0,0,2.2,0V41.5A1.1,1.1,0,0,0,30.1,40.4Z' transform='translate(-11.8 -3.8)'/%3E%3Cpath class='clti9-1' d='M25.8,34a1.1,1.1,0,0,0-1.1,1v6.5a1.1,1.1,0,0,0,2.2,0V35A1.1,1.1,0,0,0,25.8,34Z' transform='translate(-11.8 -3.8)'/%3E%3Cpath class='clti9-1' d='M34.4,34a1.1,1.1,0,0,0-1.1,1v6.5a1.1,1.1,0,0,0,2.2,0V35A1.1,1.1,0,0,0,34.4,34Z' transform='translate(-11.8 -3.8)'/%3E%3C/svg%3E")}

رابعا : بعد اجراء هذه الخطوات قم بحفظ المظهر .

خامسا : توجه إلى الصفحة او المشاركة التي تريد وضع جدول المواصفات فيها وضع كود HTML التالي ذاخلها :

       N<div class="specta"><ul>
<li class="spec1"><span>تجريب :</span> Unisoc T610 (12 nm)</li>
<li class="spec5"><span>الذاكرة العشوائية :</span> 4 GB</li>
<li class="spec2"><span>التخزين الذاخلي :</span> 128 GB</li>
<li class="spec3"><span>الكاميرا :</span> Triple 50 MP + 2 MP + 2 MP</li>
<li class="spec4"><span>البطارية :</span> Li-Po 5000 mAh</li></ul></div>
<!---star table--->
<div class="deskripsi-produk">
<div class="table-spec">
<div class="table-spec-head ti9-um">
<h4>معلومات</h4></div>
<div class="table-spec-list">
<ul>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">your texte here</span>
<span class="table-isi-list">----</span></li></ul></div></div>
<!---star table--->
<div class="table-spec">
<div class="table-spec-head ti9-jr">
<h4>شبكة الاتصال</h4></div>
<div class="table-spec-list">
<ul>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">your texte here</span>
<span class="table-isi-list">----</span></li></ul></div></div>
<!---star table--->
<div class="table-spec">
<div class="table-spec-head ti9-bd">
<h4>الجسم</h4></div>
<div class="table-spec-list">
<ul>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">your texte here</span>
<span class="table-isi-list">----</span></li></ul></div></div>
<!---star table--->
<div class="table-spec">
<div class="table-spec-head ti9-lyr">
<h4>شاشة</h4></div>
<div class="table-spec-list">
<ul>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">your texte here</span>
<span class="table-isi-list">----</span></li></ul></div></div>
<!---star table--->
<div class="table-spec">
<div class="table-spec-head ti9-hd">
<h4>المعالج</h4></div>
<div class="table-spec-list">
<ul>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">your texte here</span>
<span class="table-isi-list">----</span></li></ul></div></div>
<!---star table--->
<div class="table-spec">
<div class="table-spec-head ti9-mem">
<h4>التخزين</h4></div>
<div class="table-spec-list">
<ul>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span>
<li><span class="table-title-list">your texte here</span>
<span class="table-isi-list">----</span></li></li></ul></div></div>
<!---star table--->
<div class="table-spec">
<div class="table-spec-head ti9-cam1">
<h4>الكاميرا</h4></div>
<div class="table-spec-list">
<ul>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">your texte here</span>
<span class="table-isi-list">----</span></li></ul></div></div>
<!---star table--->
<div class="table-spec">
<div class="table-spec-head ti9-net">
<h4>الإتصال</h4></div>
<div class="table-spec-list">
<ul>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">your texte her</span>
<span class="table-isi-list">----</span></li></ul></div></div>
<!---star table--->
<div class="table-spec">
<div class="table-spec-head ti9-bat">
<h4>البطارية</h4></div>
<div class="table-spec-list">
<ul>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">your texte here</span>
<span class="table-isi-list">----</span></li></ul></div></div>
<!---star table--->
<div class="table-spec">
<div class="table-spec-head ti9-fit">
<h4>الإصدار</h4></div>
<div class="table-spec-list">
<ul>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">teste</span>
<span class="table-isi-list">----</span></li>
<li><span class="table-title-list">your texte here</span>
<span class="table-isi-list">----</span></li></ul></div></div>
      

يكفي أن تكون لديك معرفة بسيطة جدا بـ HTML للتحكم الكامل بالأداة 

و بعد ذلك قم بحفظ المقال و الدخول اليه ستجد انه قد تم عرض مواصفات الهاتف داخل مقالتك بشكل احترافي مثل موقع موبيزيل وغيره من المواقع الاحترافية المختصة بشرح مراجعات الهواتف او الموبايلات 

باختصار ، يمكن أن توفر إضافة مواصفات الهاتف إلى مقالات Blogger مظهرًا راقيا لزوار موقعك،

 هناك العديد من الأدوات التي تعرض أو تضيف مواصفات الجوال في موقع بلوجر لكننا نوفر لك أفضل وأجمل إضافة حاليا. تقوم الأداة بتسهيل وعرض المميزات  للزائرين بشكل ابسط واسرع من دون تلك الجمل والفقرات الطويلة والتي تشعر الزوار بالملل.

  هذا كل شيئ وداعا 🌹