مرحبا بكمْ في مدونتنا المتواضعة

إضافة مواضيع ذات صلة بشكل جديد

إضافة مواضيع ذات صلة بشكل جديد



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

شرح طريقة التركيب 
* ملاحظة إذ كنت تتوفر على إضافة آخرى فمن الأفضل حذف أكوادها
1 . توجه لقالب >> تحرير 
2. ابحث بإستعمال CTRL+F عن :  ]]></b:skin>
3. ضع الكود فوقه


#related-posts{height:132px;border-top:1px solid #fff;}
#relpost_img_sum img{width:110px;height:110px;border:double #565050;margin:0 -75px}
#relpost_img_sum img:hover{opacity:.6}
#relpost_img_sum li{list-style:none;width:120px;height:120px;position:relative;float:left;margin-right:5px}
#relpost_img_sum li:hover .isirelated{visibility:visible;opacity:1;left:35px}
.isirelated h3{color:#FAC51B;font-size:13px;text-align:center;margin-bottom:3px}
.isirelated{width:205px;z-index:2;padding:10px;color:#fff;font-size:10px;text-align:justify;background:rgba(68, 68, 68, 0.91);position:absolute;top:70%;left:150px;visibility:hidden;opacity:0;transition:all 0.3s cubic-bezier(1,1,0,0) 0s;-moz-transition:all 0.3s cubic-bezier(1,1,0,0) 0s;-webkit-transition:all 0.3s cubic-bezier(1,1,0,0) 0s;-o-transition:all 0.3s cubic-bezier(1,1,0,0) 0s}
#relpost_img_sum {color: #FFF;background: #413E3C;display: inline-block;position: absolute;margin-right: -50px;width: 753px;font-family: droid arabic kufi;padding-top: 5px;}
4. ابحث عن  <div class='post-footer-line post-footer-line-3'> أو <data:post.body/>
5. ضع الكود التالي أسفل أحد الكودين 

<div id='related-posts'>
<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=30&quot;' type='text/javascript'/>
</b:loop>
<span class='glap'><ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul></span>
  </div>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b;d[a].height=b}}resizeThumb("related-posts",110);
//]]>
</script>
6. إبحث عن </head> ضع الكود التالي فوقه

<script type='text/javascript'>
//<![CDATA[
var relnojudul=0,relmaxtampil=5,numchars=150,reljudul=[],relurls=[],relcuplikan=[],relgambar=[];function saringtags(b,e){for(var a=b.split("<"),c=0;c<a.length;c++)-1!=a[c].indexOf(">")&&(a[c]=a[c].substring(a[c].indexOf(">")+1,a[c].length));a=a.join("");return a=a.substring(0,e-1)}
function relpostimgcuplik(b){for(var e=0;e<b.feed.entry.length;e++){var a=b.feed.entry[e];reljudul[relnojudul]=a.title.$t;postcontent="";"content"in a?postcontent=a.content.$t:"summary"in a&&(postcontent=a.summary.$t);relcuplikan[relnojudul]=saringtags(postcontent,numchars);postimg="media$thumbnail"in a?a.media$thumbnail.url:"https://lh5.googleusercontent.com/-FP5c5mIlvNo/UPfM0KitJYI/AAAAAAAABZk/q_7FhZh9izs/s0/no-image.jpg";relgambar[relnojudul]=postimg;for(var c=0;c<a.link.length;c++)if("alternate"==a.link[c].rel){relurls[relnojudul]=a.link[c].href;
break}relnojudul++}}function contains(b,e){for(var a=0;a<b.length;a++)if(b[a]==e)return!0;return!1}
function artikelterkait(){for(var b=[],e=[],a=[],c=[],d=0;d<relurls.length;d++)contains(b,relurls[d])||(b.length+=1,b[b.length-1]=relurls[d],e.length+=1,e[e.length-1]=reljudul[d],a.length+=1,a[a.length-1]=relcuplikan[d],c.length+=1,c[c.length-1]=relgambar[d]);reljudul=e;relurls=b;relcuplikan=a;relgambar=c;for(d=0;d<reljudul.length;d++){var b=Math.floor((reljudul.length-1)*Math.random()),e=reljudul[d],a=relurls[d],c=relcuplikan[d],f=relgambar[d];reljudul[d]=reljudul[b];relurls[d]=relurls[b];relcuplikan[d]=
relcuplikan[b];relgambar[d]=relgambar[b];reljudul[b]=e;relurls[b]=a;relcuplikan[b]=c;relgambar[b]=f}d=0;e=b=Math.floor((reljudul.length-1)*Math.random());for(c=document.URL;d<relmaxtampil&&!(relurls[b]!=c&&(a="<li class='news-title clearfix'>",a+="<a href='"+relurls[b]+"' rel='nofollow'  target='_top''><img src='"+relgambar[b]+"' /></a>",a+="<div class='isirelated'><h3>"+reljudul[b]+"</h3>",a+="<span class='news-text'>"+relcuplikan[b]+" ... </span></div>",a+="</li>",document.write(a),
d++,d==relmaxtampil))&&!(b<reljudul.length-1?b++:b=0,b==e););};
//]]>
</script>

أيّ إستفسار تغيير ملاحظة ضمن الإضافة، فباب التعليقات مفتوح

عن الكاتب

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

معلومات عن التدوينة Unknown : الكاتب بتاريخ : الاثنين، 1 يونيو 2015
: عدد الزيارات عدد التعليقات: 0،، قبل الإستعمال إقرأ إتفاقية الإستخدام