اضافة مواضيع زات صله لبلوجر

 اضافة مواضيع زات صله لبلوجر

اليوم سوف اقدم لكم اضافة مواضيع زات صله لبلوجر

شكل  اضافة مواضيع زات صله لبلوجر

وللإضافة هده الخاصية إتبع الخطوات التالية
الخطوت رقم 1 : إذهب إلى تحرير html لقالب مدونتك ولا تنسى أن تضغط على مربع ( توسيع قوالب عناصر واجهة المستخدم ) كى يظهر الكود كاملا.

الخطوت رقم 2 : إبحث عن هدا الكود </head> عندما تجده نضع فوقه مباشرة هدا الكود

<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding:0;margin:10px 0 5px 0;} #related-posts h2{margin:0;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKiKQZeB_na0MdEBgojsID6zBkCK-NAhZeEg7XP7gBsq3R_xZ__nLKJJURVh6g7A9YFmhKx-MSsJbueLC0HlEdbPqCBzYYYaZsL4w2zduQciMeZyVgRqBkXljiz-HgJdBCBFh0SVtN8c/s1600/newslienquan.jpg) no-repeat scroll left 0 transparent;height: 16px;} #related-posts a:hover {background-color:#d4eaf2} .lienquan {background: #ddd;height:57px;float: left;padding-left: 1px;width: 173px;margin:1px;overflow:hidden;line-height:1.4em} .related-posts {margin: 0;padding: 0} .related-posts ul {margin: 0;padding-top: 5px} .related-posts ul li {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg72SOIjWQHbHsGSOwgPAQOXPV3KvyHfhFyZ7Kob3KqoTA4NR2wsgM71DxYK_JVG-1ZziN_50OwU4lPgOsjRduaSSywwX6t2D0V-AJgu9iegvAKSUXfOxzWmgfjGoS0HHpc1zcopflc-62Y/s1600/list.png) no-repeat top left;list-style-type: none;margin: 0 0 2px 5px;padding: 2px 0 0 18px;word-wrap: break-word} </style> <script type='text/javascript'> //<![CDATA[ var titles=new Array();var titlesNum=0;var urls=new Array();var time=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write("<ul>");if(titles.length==0){document.write(" <li>Không c? bài vi?t liên quan</li> ")}else{while(b<titles.length&&b<20&&b<maxresults){document.write(' <li><a href="'+urls[c]+'" title="'+time[c].substring(8,10)+"/"+time[c].substring(5,7)+"/"+time[c].substring(0,4)+'">'+titles[c]+"</a></li> ");if(c<titles.length-1){c++}else{c=0}b++}}document.write("</ul> ");urls.splice(0,urls.length);titles.splice(0,titles.length)}; //]]> </script> </b:if>

الخطوت رقم 3 : نبحث كدلك على هدا الوسم <data:post.body/> ستجد منه إثنين أو ثلاتة إختر الأول وضع أسفله الكود التالي

</b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=9; var relatedpoststitle=""; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div> <div style='margin-bottom:5px;clear:both'/> <img border='0' src='http://2.bp.blogspot.com/-Y3adlpBwqDQ/Twx31TM0XvI/AAAAAAAACoQ/kh3cR7fgE0Y/s1600/t0esqo7n.jpg'/> <div class='related-posts'> <b:loop values='data:post.labels' var='label'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/> </b:loop> <script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script> </div> <div class='clear'/> </b:if>

خلى بالك يامعلم

يمكنك تغيير الرقم var maxresults=6، وهو يدل على عدد المواضيع ذات الصلة التي سيتم عرضها. بغير الصورة
وكدلك الرقم var maxresults=9 وهو يدل على عدد المواضيع التي تظهر مع الصورة