القائمة الرئيسية

الصفحات

طريقة انشاء قائمة مواصفات الهاتف في موقعك

طريقة انشاء قائمة مواصفات الهاتف في موقعك,تركيب اضافة مواصفات الهاتف لبلوجر,طريقة تركيب اضافة مواصفات الهاتف المدفوعة لبلوجر مجانا,اضافة جدول عرض مواصفات الهاتف,
قائمة مواصفات الهاتف

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

  • الانتقال الي تحرير html في القالب
  • لصق الكود التالي تحت وسم <head>

<link href='https://rawcdn.githack.com/khalafalla/fontawsome.css/5d59a497e9581e5e265d41c19f41eed9f9ae596f/dsfd.css' rel='stylesheet'/>
<link href='https://rawcdn.githack.com/FortAwesome/Font-Awesome/d8db3d032d22e7a5e21f3b40905b7867be19bb02/css/all.css' rel='stylesheet'/>


  • لصق الكود التالي فوق وسم </b:skin>

.aps-list-icon {
    height: 50px;
    padding: 12px 5px 5px 5px;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 82;
    width: 50px;
    text-align: center;
}
.aps-feature-info {
    height: 20px;
    position: relative;
    z-index: 83;
    overflow: hidden;
    font-size: 13px;
    float: right;
    direction: rtl;
    padding-right: 19px;
}
.aps-feature-anim {
    height: 100%;
    width: 100%;
    padding: 5px 40px 15px 10px;
    margin-bottom: 10px;
    color: #fff;
    line-height: 15px;
    position: absolute;
    top: 0;
    right: 0;
}

.aps-main-features, .aps-video-col {
    width: 100%;
}
.post-body ul, .post-body ol {
    padding-right: 10px;
}

  • حفظ المظهر والانتقال الي
  • انشاء مشاركة جديدة 
  • الانتقال من وضع التاليف الي وضع html
  • لصق الكود التالي ملحوظة "هذا الكود في كل مقالة تريد ان تظهر فيها القائمة"

<div class="aps-main-features"><ul class="aps-features-list"><li><div class="aps-feature-anim"><span class="aps-list-icon"><i class="fas fa-microchip"></i></span><div class="aps-feature-info"><strong>المعالج</strong>:<span>#########</span></div></div></li><li><div class="aps-feature-anim"><span class="aps-list-icon"><i class="fas fa-memory"></i></span><div class="aps-feature-info"><strong>التخزين / الرام</strong>:<span>#########</span></div></div></li><li><div class="aps-feature-anim"><span class="aps-list-icon"><i class="fas fa-camera"></i></span><div class="aps-feature-info"><strong>الكاميرا</strong>:<span>#########</span></div></div></li><li><div class="aps-feature-anim"><span class="aps-list-icon"><i class="fas fa-mobile-alt"></i></span><div class="aps-feature-info"><strong>الشاشة</strong>:<span>#########</span></div></div></li><li><div class="aps-feature-anim"><span class="aps-list-icon"><i class="fab fa-android"></i></span><div class="aps-feature-info"><strong>نظام التشغيل</strong>:<span>#########</span></div></div><li><div class="aps-feature-anim"><span class="aps-list-icon"><i class="fas fa-battery-three-quarters"></i></span><div class="aps-feature-info"><strong>البطارية</strong>:<span>#########</span></div></div></ul></div>


  • ثم الانتقال الي وضع التاليف وكتابة المواصفات كما تشاء 
  • اكمال مقالتك بشكل طبيعي.
تحميل الاكواد
مفتاح التشفيرT2Z3AoY7u1aZQthiKIJaM8wqRDtJ8wla-h09rCNytjU
هل اعجبك الموضوع :

تعليقات

محتوي المقال