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

السبت، 15 أبريل، 2017

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

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




معاينة الإضافة



شرح التركيب



  • قم بالبحث عن اولا عن الوسم هذا</head>ثم ضع فوقه الكود التالى .


<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;}
function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ul>');document.write('<a href="" target="_blank"><font size="1" color="black"></font></a>');}
//]]>
</script>
<style>
#related-posts{margin-left:0;font-weight:100;background-color:#fff;padding:12px}
#related-posts ul li{display:block;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:21px;margin-bottom:5px;line-height:2em}
#related-posts ul li:before{content:&#39;\f0a8&#39;;float:right;font-family:fontawesome;position:relative;top:9px;margin-left:8px;margin-right:8px;color:#fff;background:#465769;width:22px;text-align:center;height:22px;font-size:14px;line-height:22px;border-radius:50%}
</style>


  • الأن عليك وضع الكود التالى فوق أو أسفل أزارا المشاكات أو تعرف الكاتب
  • او يمكنك وضعه أسفل هذا الوسم<data:post.body/>وهو الوسم الثالث فى مدونتك


<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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>
<script type='text/javascript'>
var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); 
</script>
</div>


  • الأن قم بحفظ القالب ومبروك عليك الإضافة 
  • ويمكنك تغيير عدد المواضيع التى تريد ظهورها 
  • بتغيير الوسم هذا .length&&i<20 الى ما تريد فى اكود الأول المحدد بالأحمر غير الرقم فقط


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله


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


شارك الموضوع ليستفيد الجميع

مواضيع مهمه ايضا سوف تعجبك

  • اضافة تعليق
  • 12 تعليق على موضوع : اضافة مواضيع ذات صله عناوين فقط بشكل رائع

    شكرا أخي العزير x-) (h)

    بالتوفيق لك أخى (o)

    احياناً يظهر 20 عنوان احيانا 18 احيانا 8 ؟! كيف تثبت عدد العناوين على رقم معين ؟ هو الافتراضي عندك 10 لن واضح ان الاضافة غير مرتبطة بهالرقم .

    تعتمد الإضافة على على الأقسام والمواضيع التى بها

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

    يمكنك تعديلها لتصبح كما تريد

    اخى لا تقوم بفتح المواضيع بنافذة جديدة كيف اقوم بتعديلها ؟

    اذا كان لديك الخبرة فى أكاود html يمكنك أستخدام هذا الكود target="_blank"

    يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
    الأبتساماتأخفاء الأبتسامات

    جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر