الجمعة 25 أكتوبر 2013 - الساعة الآن 00:03:39 صباحاً

الثلاثاء، 10 فبراير، 2015

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

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

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




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


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

الشكل الثانى

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

الشكل الثالث

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

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

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

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

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

رمز PHP:
<b:if cond='data:blog.pageType == "item"'>
<
style type='text/css'>#related_posts h4 {font-weightboldfont-size13pxline-height150%;&quot;  face=&quot;Sorts Mill Goudy&quotsize=&quot;4&quot;;
}
#related_posts {padding10px 0;
}
h1h2h3h4h5h6 {font-weightnormal;margin0;font-familyDroid 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();
     
يمكنك تغيير كلمة مواضيع ذات صلة بكلمة تناسبك

انتهى بحمد الله
جميع الحقوق محفوظة مدونة الإبداع 2016
حقوق النشر محفوظة لـ : مدونة الإبداع ©