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

07-03-2014, 05:29 AM

مى محمد

مدون جديد

تاريخ التسجيل: Sep 2012

المشاركات: 89

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

أنا : مى محمد

سجل معنا لتتمتع بهذه الخاصية

السلام عليكم ورحمة الله وبركاته اهلا ومرحبأ بى متابعون مدونة بلوجر توب

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

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

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

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

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

تنسيق بشكل جديد منتظم بشكل افضلمع امكنيات التحكم فيها من عداد الموضيع وتنسيق الالوان يناسب مدنتك وهذا
مثل مباشر
http://bilokr.blogspot.com/2014/07/2015.html

الشكل الاول

الشكل الثانى

الشكل الثالث

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

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

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

كود بلغة HTML:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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;
}
</style>
<script type='text/javascript'>
//<![CDATA[
/*
Related Post with Thumbnail & Summary v1.0 (May 01, 2013)
copyright (c) 2014 http://bilokr.blogspot.com/*/
var relnojudul = 2;
var relmaxtampil = 4;
var numchars = 50;var reljudul=new  Array();var relurls=new Array();var relcuplikan=new Array();var  relgambar=new Array();function saringtags(g,h){var  e=g.split("<");for(var  f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return  e}function relpostimgcuplik(h){for(var  e=0;e<h.feed.entry.length;e++){var  g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content"  in g){postcontent=g.content.$t}else{if("summary" in  g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail"  in  g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var   f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function  contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return  true}}return false}function artikelterkait(){var v=new Array(0);var  w=new Array(0);var x=new Array(0);var A=new Array(0);for(var  u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var  u=0;u<reljudul.length;u++){var  B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var  s=relurls[u];var y=relcuplikan[u];var  C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var  r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var  q;var  t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li  class='news-title clearfix'>";q+="<a href='"+relurls[D]+"'  rel='nofollow' target='_top' title='"+reljudul[D]+"'><div  class='overlayb'></div><img src='"+relgambar[D]+"'  /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"'  target='_top'>"+reljudul[D]+"</a>";q+="<span  class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
//]]>
</script>
</b:if>

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

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

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

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

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

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

كود بلغة HTML:
 <div class='post-footer'>

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

كود بلغة HTML:

<b:if cond='data:blog.pageType == &quot;item&quot;'>  <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='&quot;/feeds/posts/default/-/&quot; + data:label.name +   &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50&quot;'  type='text/javascript'/> </b:loop> <ul  id='relpost_img_sum'> <script  type='text/javascript'>artikelterkait();</script> </ul>  </div> </b:if>

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

انتهى بحمد الله
المصدر http://bilokr.blogspot.com/2014/07/2015.html

__________________

من مواضيع مى محمد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)

2015, ملخصات حترافى, مواضيع, اضافة, وجديد

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة لا تستطيع الرد على المواضيع لا تستطيع إرفاق ملفات لا تستطيع تعديل مشاركاتك BB code is متاحة الابتسامات متاحة كود [IMG] متاحة كود HTML معطلة قوانين المنتدى

الانتقال السريع

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
قالب اخباري مميز احترافي 2015	n-danger	قوالب بلوجر عربية ومعربة	0	05-17-2014 12:39 PM
اضافة احصائيات مدونتك بشكل احترافي ورائع	mr.geka	إضافات وأدوات بلوجر	3	08-03-2013 05:40 PM
حصريااا اضافة (أخر تعليقات) لبلوجر و بشكل احترافي	alam3arbcom	إضافات وأدوات بلوجر	0	04-01-2013 10:03 PM
مواضيع ذات صلة - مهمة للأرشفة وتحسين ترتيبك - بشكل مميز وجديد بدون حقوق	محسن	إضافات وأدوات بلوجر	3	11-25-2012 02:14 PM

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

إضافات وأدوات بلوجر