السلام عليكم اخواني واخواتي في شرح جديد خاص ببلوجر الذي سنتطرق باذن الله لشرح كيفية اضافة مواضيع ذات صلة كما تعرف "بهناك ايضا او شاهد ايضا او قد يهمك" كيف ما كانت المهم نبدا الشرح ونبحث عن الوسم <head> ونقوم بوضع الكود التالي بعده مباشرة.
<script src='http://code.jquery.com/jquery-2.0.3.min.js' type='text/javascript'/>
ثم بعد ذالك نبحث عن هذا الكود </head> ثم نضع الكود التالي لكن هذه المرة ستضعه قبله اي فوقه.
<b:if cond='data:blog.pageType == "item"'><style> #related-posts { float : right; width : 95%} #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 0 10px 10px 10px; padding : 0; }#related-posts ul li{border-right:0;display:block;background:rgba(0, 0, 0, 0);margin:0;padding:0;margin-bottom:1px;line-height:25px;border-bottom:1px solid #EEE;}#related-posts ul li:after {content: ' ';font: 20px icomoon;float: left;color: #FF7A00;background: url(https://jetara.googlecode.com/svn/trunk/rss.png);width: 16px;height: 16px;}</style> <script type='text/javascript'>eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=g c();2 d=0;2 6=g c();f K(p){h(2 i=0;i<p.y.7.3;i++){2 7=p.y.7[i];4[d]=7.z.$t;h(2 k=0;k<7.o.3;k++){b(7.o[k].q==\'G\'){6[d]=7.o[k].m;d++;F}}}}f C(){2 8=g c(0);2 9=g c(0);h(2 i=0;i<6.3;i++){b(!v(8,6[i])){8.3+=1;8[8.3-1]=6[i];9.3+=1;9[9.3-1]=4[i]}}4=9;6=8}f v(a,e){h(2 j=0;j<a.3;j++)b(a[j]==e)x B;x A}f I(){2 r=w.D((4.3-1)*w.E());2 i=0;l.n(\'<s>\');H(i<4.3&5;&5;i<J){l.n(\'<u><a m=&5;\'+6[r]+\'&5;>\'+4[r]+\'</a><a q=&5;L&5; m=&5;M://N.O.P&5;></a></Q> </u>\');b(r<4.3-1){r++}R{r=0}i++}l.n(\'</s>\')}',54,54,'||var|length|relatedTitles|undefined|relatedUrls|entry|tmp|tmp2||if|Array|relatedTitlesNum||function|new|for||||document|href|write|link|json|rel||ul||li|contains|Math|return|feed|title|false|true|removeRelatedDuplicates|floor|random|break|alternate|while|printRelatedLabels|20|related_results_labels|dofollow|http|blog|7lolblogger|com|font|else'.split('|'),0,{}))</script></b:if>
ثم قم بالبحث عن كود css التالي ]]></b:skin> ثم قم بوضع الكود التالي فوقه مباشرة
.ssw {
float: right;
width: 710px;
border: 1px dashed #999;
padding: 5px;
margin: 5px 5px;
min-height: 370px;
background: #fff;
}
المشار باللون الازرق اللون
المشار باللون الاخضر لون الخلفية
واخيرا قم بالبحث عن هذا الكود <data:post.body/> ثم قم بوضع الكود التالي بعده مباشرة.
<!-- Related Posts with Thumbnails Code Start-->
<div class="ssw">
<b:if cond='data:blog.pageType == "item"'>
<h3>مواضيع تفيدك أيضاَ : </h3>
<div class='fares-rl' id='related-posts'>
<font style='display: none;'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if></div>
قد تجد الكود الاخير مكرر اكثر من مرة لهذا قم بتجربتها جميعها.
محمد الوهابي، من مواليد 1994 من المغرب،الهواية، التدوين الالكتروني، مهتم كثيرا بالتكنولوجيا، وابحث دائما عن كل ماهو جديد لتقديم شروحات ومقالات مفيدة وذالك للارضاء الجميع وتحقيق الافضل.