الاثنين، 19 يونيو 2017

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

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


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


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


شرح التركيب



    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. بعد كل هذا يمكنك حفظ القالب ومبروك عليك


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

              المصدر عالم المدون
              شارك الموضوع مع أصدقائك لتعم الفائدة
              اضافة زر المشاركة على مواقع التواصل منبثق على المواضيع لمدونات بلوجر
              4/ 5
              Oleh

              اشترك بالقائمة البريديه

              قم بكتابة بريدك الالكتروني لتصلك أخر الاخبار

              يسعدنا تفاعلكم بالتعليقات ولكن في حدود الاحترام و بخصوص الموضوع