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

السلام عليكم ورحمة الله وبركاته اهلا ومرحبأ 

درس اليوم هو اضافة موتضيع ذات صله مثل ما فى العنوان

مواضيع ذات صلة بشكل مميز مع امكانية التنسيق والتنسيق الرئيسي للآداة

مثل المدونات الاكثر احترافى

وجد بعض المدونون يبحثون على تلك الاضافة المميزة

الفرق بين هذه الآداة والآدوات السابقة هو أنها أخف نظراً لأنها

تنسيق بشكل جديد منتظم بشكل افضلمع امكنيات التحكم فيها من عداد الموضيع وتنسيق الالوان يناسب مدنتك وهذا
مثل مباشر
اضافة مواضيع ذات صلة مع ملخصات بشكل احترافى وجديد 2015 | بلوجر توب

الشكل الاول

الشكل الثانى

الشكل الثالث

الشكل الرابع وهو الشكل الزى تم اضافاته فى المدونة 

الخطوة الاول لتركيب الاضافة

ابحث عن هذا الوسم في القالب ]]>

 وأضف فوقه الكود التالي

رمز PHP:

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>#related_posts h4 {font-weight: bold; font-size: 13px; line-height: 150%;&quot;  face=&quot;Sorts Mill Goudy&quot; size=&quot;4&quot;;
}#related_posts {padding: 10px 0;
}h1, h2, h3, h4, h5, h6 {font-weight: normal;margin: 0;font-family: Droid Sans', Arial, Verdana, sans-serif;
}

#related_posts h4, #comments .komhead h4 {
font-family: 'Oswald', sans-serif;
}
ul#relpost_img_sum {
    margin: 0;
    padding: 0;
}
ul#relpost_img_sum li {
    border-bottom: 1px dashed #DDDDDD;
    float: left;
    height: 82px;
    list-style: none outside none;
    margin: 9px;
    overflow: hidden;
    padding: 10px 10px 10px 0;
    width:47%;
    height: auto;
}
ul#relpost_img_sum li a {
    display: block;
}
ul#relpost_img_sum li img {
    float: right;
    width: 60px;
    height: 60px;
    margin-right: 5px;
    padding: 2px;
    background-color: white;
    border: 1px solid #DDD;
}
ul#relpost_img_sum li a.relinkjdulx {
    background-image: none;
    color: #359BED;
    display: block;
    font-family: sans-serif;
    font-weight: bold;
    overflow: hidden;
}

 

يمكنك تغيير الرقم 50 وهو عداد الاحرف المستخدمة فى الاضافة

مع تغيير var relmaxtampil = 4 عداد الموضيع الزى تظهر فى الاضافه

تغيير حجم الصورة width: 60px

بعد الانتهاء من التعديل

الآن الخطوة الثانية في تركيب الآداة

ابحث عن الكود التالى

رمز PHP:

 <div class='post-footer'>  

وأضف تحته الكود التالي

رمز PHP:

<b:if cond='data:blog.pageType == "item"'>  <div id='related_posts'> <div class='relhead'> <h4>مواضيع ذات الصلة:</h4><div  class='stripe-line'/> </div> <b:loop  values='data:post.labels' var='label'> <script  expr:src='"/feeds/posts/default/-/" + data:label.name +   "?alt=json-in-script&callback=relpostimgcuplik&max-results=50"'  type='text/javascript'/> </b:loop> <ul  id='relpost_img_sum'> <script  type='text/javascript'>artikelterkait();

     

يمكنك تغيير كلمة مواضيع ذات صلة بكلمة تناسبك

انتهى بحمد الله