كيفية إضافة المواضيع ذات الصلة على مدونتك

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

How To Add Related Posts Widget To Blogger

اهلا و سهلا اعزائي 

اقم لكم اليوم شرح مفيد جدا لأصحاب مدونات بلوجر 

كيفية إضافة المواضيع المشابهة

 او المشاركات ذات الصلة في مدونتك على بلوجر 

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

 لفترات أطول من الوقت عندما يرون هده المواضيع

 او المشاركات ذات الصلة من الفائدة.هده الاظافة الانيقة تغنيك عن الاضافات الاخرى

شرح بسيط جداا

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

 ثم اضغط على توسيع القالب و ابحث عن الكود التالي

 </head>

ثم قم بوضع هذا الكود (بعده) أسفل منه مباشرة

<!--Zoomarabic-Related-Posts-Starts-->
    <style>
    #related-posts {
    float : left;
    width : 540px;
    margin-top:20px;
    margin-left : 5px;
    margin-bottom:20px;
    font : 11px Verdana;
    margin-bottom:10px;
    }
    #related-posts .widget {
    list-style-type : none;
    margin : 5px 0 5px 0;
    padding : 0;
    }
    #related-posts .widget h2, #related-posts h2 {
    color : #940f04;
    font-size : 20px;
    font-weight : normal;
    margin : 5px 7px 0;
    padding : 0 0 5px;
    }
    #related-posts a {
    color : #054474;
    font-size : 11px;
    text-decoration : none;
    }
    #related-posts a:hover {
    color : #054474;
    text-decoration : none;
    }
    #related-posts ul {
    border : medium none;
    margin : 10px;
    padding : 0;
    }
    #related-posts ul li {
    display : block;
    background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3mOouhmP97tmySYexkgegtUGa16ed7SWaQPAINm462y0VaYI2FKEi_wi2jt1BV2SqM-kIa9m6DTcujlpPWvEYDwSLG1UP_AtrL1ibaWU4D0tyctFbOKE5NJMZvYT7qs4wAqha7Mgv1cgw/s1600/13.png&quot;) no-repeat 0 0;
    margin : 0;
    padding-top : 0;
    padding-right : 0;
    padding-bottom : 1px;
    padding-left : 16px;
    margin-bottom : 5px;
    line-height : 2em;
    border-bottom:1px dotted #cccccc;
    }
  
    </style>
    <script src='https://zoomarabic-bloggercode.googlecode.com/svn/related-post.js' type='text/javascript'/>
    <!--Zoomarabic-Related-Posts-End-->

 

  الان قم بالبحث عن الكود التالي

<data:post.body/>

و قم بوضع اسفل منه مباشرة هذا الكود

  <!--zoomarabic-related-posts-star-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <font face='Arial' size='3'><b>Related Posts: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
    </script></div></b:if>
 <!--zoomarabic-related-posts-end-->

الكدود باللون الاحمريدل على عدد المواضيع او المشاركات

يمكنك تغيير رقم 5 الى اي عدد تريد : مثال 7

 

max-results=7

قم بحفظ القالب و هنيئا لك الإضافة الى هنا انتهينا من الشرح

شاركونا بأفكاركم و ارائكم و لا تنسوا الردود فتعليقاتكم تهمنا

تحياتي و شكراا