التقني المتميز التقني المتميز

آخر الأخبار

جاري التحميل ...

اضافة زر المشاركة على مواقع التواصل منبثق على المواضيع لمدونات بلوجر

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


تحميل الأكواد


أول هذه هى الأكواد التى سوف تحتاجها فى الإضافة عليك تحميلها اذا لم تستطيع نسخها .


شرح التركيب



    1. قم بالبحث أولا على هذا الوسم]]>ثم ضع فوقه الكود التالى .


      .share-post i {
      background: #009688;
      color: #fff;
      width: 30px;
      text-align: center;
      height: 30px;
      border-radius: 3px;
      line-height: 30px;
      cursor: pointer;
      }
      .share-post {
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 99999999;
      }
      .post-share a i.fa-linkedin {
      background: #4A74A0;
      }
      .post-share a i.fa-google-plus {
      background: #CB2027;
      }
      .post-share a i.fa-twitter {
      background: #4099FF;
      }
      .post-share a i.fa-facebook {
      background: #366299;
      }
      .post-share > a {
      display: inline-block;
      width: initial;
      padding: 0;
      background: rgba(255, 255, 255, 0);
      }
      .post-share a i {
      background: #D03F42;
      display: block;
      color: #fff;
      width: 33px;
      margin-left: 1px;
      height: 33px;
      line-height: 33px;
      text-align: center;
      border-radius: 50%;
      }
      .post-share.active {
      opacity: 1;
      visibility: visible;
      }
      .post-share {
      position: absolute;
      bottom: 0;
      width: 57%;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.95);
      line-height: 194px;
      text-align: center;
      z-index: 99;
      transition: 0.3s;
      opacity: 0;
      visibility: hidden;
      margin-top: 0;
      }
      .posts-thumb {
      position: relative;
      z-index: 99999;
      }


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










            1. بعد وضعك للكود سوف تجد الإضافة قد ظهرت
            2. واذا لم تعرف المكان يمكنك البحث عن هذا الوسمjump-linkاذا كانت لديك خاصية اقرا المزيد
            3. هذا الوسم فى أكواد html عليك وضع الكود فقط
            4. وعندما تجدها قم بوضع الكود اسفلها او فوقها لا مشكلة 
            5. بعد كل هذا يمكنك حفظ القالب ومبروك عليك


              وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله

              المصدر عالم المدون

              التعليقات



              جميع الحقوق محفوظة

              التقني المتميز

              2016