إضافة مواضيع ذات الصلة للبلوجر بالطريقة الحديثة 2016

<style type='text/css'>
#related-posts{float:right;width:auto;}
#related-posts a{}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:270px;height:185px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#000;text-align:right;padding: 0 10px;font-family: &#39;Oswald&#39;,sans-serif;font-size: 18px; line-height:23px;height:35px;width:270px;}
#related-posts .related_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
</style>
<script type='text/javascript'>
var _0x7fa2=[&quot;\x68\x74\x74\x70\x3A\x2F\x2F\x32\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x65\x78\x33\x56\x38\x36\x66\x6A\x34\x64\x51\x2F\x55\x72\x43\x51\x51\x61\x34\x63\x4C\x73\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x46\x64\x41\x2F\x6A\x32\x46\x43\x54\x6D\x47\x4F\x72\x6F\x67\x2F\x73\x31\x36\x30\x30\x2F\x6E\x6F\x2D\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x2E\x70\x6E\x67&quot;,&quot;\x3C&quot;,&quot;\x73\x70\x6C\x69\x74&quot;,&quot;\x6C\x65\x6E\x67\x74\x68&quot;,&quot;\x3E&quot;,&quot;\x69\x6E\x64\x65\x78\x4F\x66&quot;,&quot;\x73\x75\x62\x73\x74\x72\x69\x6E\x67&quot;,&quot;&quot;,&quot;\x6A\x6F\x69\x6E&quot;,&quot;\x72\x61\x6E\x64\x6F\x6D&quot;,&quot;\x66\x6C\x6F\x6F\x72&quot;,&quot;\x65\x6E\x74\x72\x79&quot;,&quot;\x66\x65\x65\x64&quot;,&quot;\x24\x74&quot;,&quot;\x74\x69\x74\x6C\x65&quot;,&quot;\x6C\x69\x6E\x6B&quot;,&quot;\x72\x65\x6C&quot;,&quot;\x61\x6C\x74\x65\x72\x6E\x61\x74\x65&quot;,&quot;\x68\x72\x65\x66&quot;,&quot;\x72\x65\x70\x6C\x69\x65\x73&quot;,&quot;\x74\x79\x70\x65&quot;,&quot;\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C&quot;,&quot;\x20&quot;,&quot;\x63\x6F\x6E\x74\x65\x6E\x74&quot;,&quot;\x73\x75\x6D\x6D\x61\x72\x79&quot;,&quot;\x70\x75\x62\x6C\x69\x73\x68\x65\x64&quot;,&quot;\x3C\x69\x6D\x67&quot;,&quot;\x73\x72\x63\x3D\x22&quot;,&quot;\x22&quot;,&quot;\x73\x75\x62\x73\x74\x72&quot;,&quot;\x4A\x61\x6E&quot;,&quot;\x46\x65\x62&quot;,&quot;\x4D\x61\x72&quot;,&quot;\x41\x70\x72&quot;,&quot;\x4D\x61\x79&quot;,&quot;\x4A\x75\x6E&quot;,&quot;\x4A\x75\x6C&quot;,&quot;\x41\x75\x67&quot;,&quot;\x53\x65\x70&quot;,&quot;\x4F\x63\x74&quot;,&quot;\x4E\x6F\x76&quot;,&quot;\x44\x65\x63&quot;,&quot;\x2D&quot;,&quot;\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x3E&quot;,&quot;\x20\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x3C\x2F\x61\x3E&quot;,&quot;\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6F\x6C\x5F\x6D\x61\x73\x6B\x6F\x6C\x69\x73\x22\x3E\x3C\x68\x32\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x74\x69\x74\x6C\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x3C\x2F\x61\x3E\x3C\x2F\x68\x32\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x5F\x69\x6D\x67\x22\x20\x73\x72\x63\x3D\x22&quot;,&quot;\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6C\x65\x61\x72\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E&quot;,&quot;\x77\x72\x69\x74\x65&quot;,&quot;\x75\x72\x6C&quot;,&quot;\x67\x66\x6F\x72\x6D\x5F\x66\x6F\x6F\x74&quot;,&quot;\x2E\x2E\x2E&quot;,&quot;\x73\x70\x6C\x69\x63\x65&quot;,&quot;\x3C\x68\x32\x3E&quot;,&quot;\x3C\x2F\x68\x32\x3E&quot;,&quot;\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x22\x63\x6C\x65\x61\x72\x3A\x20\x62\x6F\x74\x68\x3B\x22\x2F\x3E&quot;,&quot;\x3C\x61\x20\x73\x74\x79\x6C\x65\x3D\x22\x74\x65\x78\x74\x2D\x64\x65\x63\x6F\x72\x61\x74\x69\x6F\x6E\x3A\x6E\x6F\x6E\x65\x3B\x6D\x61\x72\x67\x69\x6E\x3A\x30\x20\x34\x70\x78\x20\x31\x30\x70\x78\x20\x30\x3B\x66\x6C\x6F\x61\x74\x3A\x6C\x65\x66\x74\x3B&quot;,&quot;\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x2F\x3E\x3C\x62\x72\x2F\x3E\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x2D\x74\x69\x74\x6C\x65\x22\x3E&quot;,&quot;\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x61\x3E&quot;,&quot;\x3C\x2F\x64\x69\x76\x3E&quot;];imgr= new Array();imgr[0]=_0x7fa2[0];showRandomImg=true;aBold=true;summaryPost=400;summaryTitle=20;numposts1=12;numposts2=4;function removeHtmlTag(_0x5abbx2,_0x5abbx3){var _0x5abbx4=_0x5abbx2[_0x7fa2[2]](_0x7fa2[1]);for(var _0x5abbx5=0;_0x5abbx5&lt;_0x5abbx4[_0x7fa2[3]];_0x5abbx5++){if(_0x5abbx4[_0x5abbx5][_0x7fa2[5]](_0x7fa2[4])!=-1){_0x5abbx4[_0x5abbx5]=_0x5abbx4[_0x5abbx5][_0x7fa2[6]](_0x5abbx4[_0x5abbx5][_0x7fa2[5]](_0x7fa2[4])+1,_0x5abbx4[_0x5abbx5][_0x7fa2[3]]);} ;} ;_0x5abbx4=_0x5abbx4[_0x7fa2[8]](_0x7fa2[7]);_0x5abbx4=_0x5abbx4[_0x7fa2[6]](0,_0x5abbx3-1);return _0x5abbx4;} ;function showrecentposts1(_0x5abbx7){j=(showRandomImg)?Math[_0x7fa2[10]]((imgr[_0x7fa2[3]]+1)*Math[_0x7fa2[9]]()):0;img= new Array();if(numposts2&lt;=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]]){maxpost=numposts2;} else {maxpost=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]];} ;for(var _0x5abbx5=0;_0x5abbx5&lt;maxpost;_0x5abbx5++){var _0x5abbx8=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x5abbx5];var _0x5abbx9=_0x5abbx8[_0x7fa2[14]][_0x7fa2[13]];var _0x5abbxa;var _0x5abbxb;if(_0x5abbx5==_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]]){break ;} ;for(var _0x5abbxc=0;_0x5abbxc&lt;_0x5abbx8[_0x7fa2[15]][_0x7fa2[3]];_0x5abbxc++){if(_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[16]]==_0x7fa2[17]){_0x5abbxb=_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[18]];break ;} ;} ;for(var _0x5abbxc=0;_0x5abbxc&lt;_0x5abbx8[_0x7fa2[15]][_0x7fa2[3]];_0x5abbxc++){if(_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[16]]==_0x7fa2[19]&amp;&amp;_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[20]]==_0x7fa2[21]){_0x5abbxa=_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[14]][_0x7fa2[2]](_0x7fa2[22])[0];break ;} ;} ;if(_0x7fa2[23] in _0x5abbx8){var _0x5abbxd=_0x5abbx8[_0x7fa2[23]][_0x7fa2[13]];} else {if(_0x7fa2[24] in _0x5abbx8){var _0x5abbxd=_0x5abbx8[_0x7fa2[24]][_0x7fa2[13]];} else {var _0x5abbxd=_0x7fa2[7];} ;} ;postdate=_0x5abbx8[_0x7fa2[25]][_0x7fa2[13]];if(j&gt;imgr[_0x7fa2[3]]-1){j=0;} ;img[_0x5abbx5]=imgr[j];s=_0x5abbxd;a=s[_0x7fa2[5]](_0x7fa2[26]);b=s[_0x7fa2[5]](_0x7fa2[27],a);c=s[_0x7fa2[5]](_0x7fa2[28],b+5);d=s[_0x7fa2[29]](b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=_0x7fa2[7])){img[_0x5abbx5]=d;} ;var _0x5abbxe=[1,2,3,4,5,6,7,8,9,10,11,12];var _0x5abbxf=[_0x7fa2[30],_0x7fa2[31],_0x7fa2[32],_0x7fa2[33],_0x7fa2[34],_0x7fa2[35],_0x7fa2[36],_0x7fa2[37],_0x7fa2[38],_0x7fa2[39],_0x7fa2[40],_0x7fa2[41]];var _0x5abbx10=postdate[_0x7fa2[2]](_0x7fa2[42])[2][_0x7fa2[6]](0,2);var _0x5abbx11=postdate[_0x7fa2[2]](_0x7fa2[42])[1];var _0x5abbx12=postdate[_0x7fa2[2]](_0x7fa2[42])[0];for(var _0x5abbx13=0;_0x5abbx13&lt;_0x5abbxe[_0x7fa2[3]];_0x5abbx13++){if(parseInt(_0x5abbx11)==_0x5abbxe[_0x5abbx13]){_0x5abbx11=_0x5abbxf[_0x5abbx13];break ;} ;} ;var _0x5abbx14=_0x5abbx10+_0x7fa2[22]+_0x5abbx11+_0x7fa2[22]+_0x5abbx12;_0x5abbxa=_0x7fa2[43]+_0x5abbxb+_0x7fa2[44]+_0x5abbxa+_0x7fa2[45];var _0x5abbx15=_0x7fa2[46]+_0x5abbxb+_0x7fa2[44]+_0x5abbx9+_0x7fa2[47]+_0x5abbxb+_0x7fa2[48]+img[_0x5abbx5]+_0x7fa2[49];document[_0x7fa2[50]](_0x5abbx15);j++;} ;} ;var relatedTitles= new Array();var relatedTitlesNum=0;var relatedUrls= new Array();var thumburl= new Array();function related_results_labels_thumbs(_0x5abbx7){for(var _0x5abbx5=0;_0x5abbx5&lt;_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x7fa2[3]];_0x5abbx5++){var _0x5abbx8=_0x5abbx7[_0x7fa2[12]][_0x7fa2[11]][_0x5abbx5];relatedTitles[relatedTitlesNum]=_0x5abbx8[_0x7fa2[14]][_0x7fa2[13]];try{thumburl[relatedTitlesNum]=_0x5abbx8[_0x7fa2[52]][_0x7fa2[51]];} catch(error){s=_0x5abbx8[_0x7fa2[23]][_0x7fa2[13]];a=s[_0x7fa2[5]](_0x7fa2[26]);b=s[_0x7fa2[5]](_0x7fa2[27],a);c=s[_0x7fa2[5]](_0x7fa2[28],b+5);d=s[_0x7fa2[29]](b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=_0x7fa2[7])){thumburl[relatedTitlesNum]=d;} else {thumburl[relatedTitlesNum]=_0x7fa2[0];} ;} ;if(relatedTitles[relatedTitlesNum][_0x7fa2[3]]&gt;35){relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum][_0x7fa2[6]](0,35)+_0x7fa2[53];} ;for(var _0x5abbxc=0;_0x5abbxc&lt;_0x5abbx8[_0x7fa2[15]][_0x7fa2[3]];_0x5abbxc++){if(_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[16]]==_0x7fa2[17]){relatedUrls[relatedTitlesNum]=_0x5abbx8[_0x7fa2[15]][_0x5abbxc][_0x7fa2[18]];relatedTitlesNum++;} ;} ;} ;} ;function removeRelatedDuplicates_thumbs(){var _0x5abbx1c= new Array(0);var _0x5abbx1d= new Array(0);var _0x5abbx1e= new Array(0);for(var _0x5abbx5=0;_0x5abbx5&lt;relatedUrls[_0x7fa2[3]];_0x5abbx5++){if(!contains_thumbs(_0x5abbx1c,relatedUrls[_0x5abbx5])){_0x5abbx1c[_0x7fa2[3]]+=1;_0x5abbx1c[_0x5abbx1c[_0x7fa2[3]]-1]=relatedUrls[_0x5abbx5];_0x5abbx1d[_0x7fa2[3]]+=1;_0x5abbx1e[_0x7fa2[3]]+=1;_0x5abbx1d[_0x5abbx1d[_0x7fa2[3]]-1]=relatedTitles[_0x5abbx5];_0x5abbx1e[_0x5abbx1e[_0x7fa2[3]]-1]=thumburl[_0x5abbx5];} ;} ;relatedTitles=_0x5abbx1d;relatedUrls=_0x5abbx1c;thumburl=_0x5abbx1e;} ;function contains_thumbs(_0x5abbx20,_0x5abbx21){for(var _0x5abbx22=0;_0x5abbx22&lt;_0x5abbx20[_0x7fa2[3]];_0x5abbx22++){if(_0x5abbx20[_0x5abbx22]==_0x5abbx21){return true;} ;} ;return false;} ;function printRelatedLabels_thumbs(){for(var _0x5abbx5=0;_0x5abbx5&lt;relatedUrls[_0x7fa2[3]];_0x5abbx5++){if((relatedUrls[_0x5abbx5]==currentposturl)||(!(relatedTitles[_0x5abbx5]))){relatedUrls[_0x7fa2[54]](_0x5abbx5,1);relatedTitles[_0x7fa2[54]](_0x5abbx5,1);thumburl[_0x7fa2[54]](_0x5abbx5,1);_0x5abbx5--;} ;} ;var _0x5abbx24=Math[_0x7fa2[10]]((relatedTitles[_0x7fa2[3]]-1)*Math[_0x7fa2[9]]());var _0x5abbx5=0;if(relatedTitles[_0x7fa2[3]]&gt;0){document[_0x7fa2[50]](_0x7fa2[55]+relatedpoststitle+_0x7fa2[56]);} ;document[_0x7fa2[50]](_0x7fa2[57]);while(_0x5abbx5&lt;relatedTitles[_0x7fa2[3]]&amp;&amp;_0x5abbx5&lt;20&amp;&amp;_0x5abbx5&lt;maxresults){document[_0x7fa2[50]](_0x7fa2[58]);if(_0x5abbx5!=0){document[_0x7fa2[50]](_0x7fa2[28]);} else {document[_0x7fa2[50]](_0x7fa2[28]);} ;document[_0x7fa2[50]](_0x7fa2[59]+relatedUrls[_0x5abbx24]+_0x7fa2[48]+thumburl[_0x5abbx24]+_0x7fa2[60]+relatedTitles[_0x5abbx24]+_0x7fa2[61]);if(_0x5abbx24&lt;relatedTitles[_0x7fa2[3]]-1){_0x5abbx24++;} else {_0x5abbx24=0;} ;_0x5abbx5++;} ;document[_0x7fa2[50]](_0x7fa2[62]);relatedUrls[_0x7fa2[54]](0,relatedUrls[_0x7fa2[3]]);thumburl[_0x7fa2[54]](0,thumburl[_0x7fa2[3]]);relatedTitles[_0x7fa2[54]](0,relatedTitles[_0x7fa2[3]]);} ;
</script>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=4;
  var relatedpoststitle=&quot;<b>شاهد <span>أيصـــــاً</span>:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
</b:if>