recent
عاجـــــــــل

اضافة كود مواضيع ذات صلة بنافذة منبثقه

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


مدونة الكلباني

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


شاهد مثال حي من خلال هذا الفيديو القصير :



طريقة التركيب :
ادخل الى لوحة تحكم بلوجر وابحث عن ]]></b:skin> ثم ضع الكود التالي فوقه :



ثم ابحث عن </body> وضع الكود التالي فوقه :




واخيرا ابحث عن <data:post.body/> ستجد منها اكثر من واحده ، الثالثه هي المطلوبه او التي تكون تحت رابط اقرأ المزيد  ( ليس شرطا أن تكون الثالثة هي المطلوبه عليك ان تجرب ) ثم ضع الكود التالي تحتها ثم احفظ القالب :

 <b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='show' id='chslidingbox'>

    <div class='chslidingbox-title chslidingbox-www'>

      <span style='float:left;margin:0 15px;'>مواضيع قد تهمك</span>

        <span><a href='javascript:void(0);' id='chslidingbox-close' title='close'>&#x00D7;</a></span>

        <span><a href='javascript:void(0);' id='chslidingbox-minimize' title='minimize'>&#x2212;</a></span>

        <span><a href='javascript:void(0);' id='chslidingbox-maximize' title='maximize'>&#x2b;</a></span>

    </div>

    <div class='chslidingbox-container'>

<div class='related-post' id='sliding-tab'/>

<script type='text/javascript'>

var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>

&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

</b:loop></b:if>];

var relatedPostConfig = {homePage: &quot;<data:blog.homepageUrl/>&quot;,widgetTitle: &quot;&lt;h4&gt;&lt;/h4&gt;&quot;,numPosts: 2,summaryLength: 0,

titleLength: &quot;auto&quot;,thumbnailSize: 45,noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,containerId: &quot;sliding-tab&quot;,newTabLink: true,moreText: &quot;&quot;,widgetStyle: 2,callBack: function() {}};

</script>

<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/sliderekomendasi.js' type='text/javascript'/>      

</div>

</div>

</b:if>

  

تستطيع التحكم في عدد المواضيع المعروضة من خلال البحث عن numPosts: 2 وتغيير الرقم 2 الى الرقم الذي تريده
author-img
saeed alkalabani

تعليقات

14 تعليقًا
إرسال تعليق
  • meme photo
    meme21 فبراير 2016 10:10 م

    شكرا لك .. روووعه

    حذف التعليق
    • Unknown photo
      Unknown21 فبراير 2016 10:24 م

      شكرا اخي تمت العمليه بنجاح بقدر احط اكتر من موضوعين ؟

      حذف التعليق
    • مطبخ عائشة أوت كلميمة photo
      مطبخ عائشة أوت كلميمة21 فبراير 2016 10:30 م

      يعطيك العافيه -------- اضافة مهمه

      حذف التعليق
      • Unknown photo
        Unknown21 فبراير 2016 10:35 م

        شكررررررررررررررا جزيلالالالالالالالا

        حذف التعليق
        • mohamed rashed photo
          mohamed rashed12 أبريل 2016 10:54 ص

          بكل صراحة اشكرك لأن طريقتك هي الوحيدة التي فلحت معي وشكرا شكرا شكرا

          حذف التعليق
        • Mohamed Elsayed photo
          Mohamed Elsayed23 يونيو 2016 2:56 م

          أخي مش نفعت معي في اللكود الثالث جبت كتير وم نفعت

          حذف التعليق
          • saeed alkalabani photo
            saeed alkalabani23 يونيو 2016 11:36 م

            يمكن ان يكون الكود الثاني هو المطلوب وذلك حسب قالبك جرب الكود الثاني بدل الثالث المهم الكود المطلوب هو الذي يكون تحت رابط اقرأ المزيد مباشرة

            حذف التعليق
          • Web Hacks photo
            Web Hacks30 يوليو 2016 4:45 م

            بجد روعة

            حذف التعليق
            • w7ales photo
              w7ales13 سبتمبر 2019 8:38 ص

              هل هذه الاكواد تصلح لجميع قوالب بلوجر ام لا
              وهل تصلح لهذا القالب
              https://7ealthyone.blogspot.com/2019/09/risk-factors-for-high-blood-pressure.html

              حذف التعليق
            • mostafa photo
              mostafa23 مايو 2020 5:35 ص

              كيف اضيفه في قالب سكويز 2.2 المدفوع
              لا يمكن العثور علي ثلاثه من هذه

              وعند الوضع في الاثنين الموجودين لا يعمل

              حذف التعليق
              • saeed alkalabani photo
                saeed alkalabani23 مايو 2020 10:29 م

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

                حذف التعليق

              من أنا

              صورتي
              saeed alkalabani
              Jordan
              احترف التدوين مع مدونة الكلباني وضاعف ارباحك من أدسنس كل ما تبحث عنه فيما يتعلق بمدونات بلوجر وشروحات ادسنس ستجده في مدونة الكلباني
              عرض الملف الشخصي الكامل الخاص بي
              google-playkhamsatmostaqltradent