إضافة تدوينات ذات صلة الى البلوجر

اولا اذهب الى البلوجر ثم ابحث باستعمال ctrl+f  عن  ]]></b:skin>


ضع الكود التالى فوقة :-

/* CSS Related Posts qassemblog */ #at-picture{background:#F9F9F9;padding:12px;margin:6px 0 0;border:1px solid #f2f2f2;overflow:hidden} #at-picture h2{font-family:Electrolize,ge_ss_tvbold;font-weight:700;font-size:15px;color: #e74c3c;} #at-picture a{background:#FFFFFF;font-family:Electrolize,ge_dinar_oneregular;color:#716F6F;box-shadow:0 2px 2px #f0f0f0;overflow:hidden;text-align:center;font-size:12px;font-weight:400;border:1px solid #f8f8f8;text-decoration:none;margin:0 7px 5px 0;padding:6px;float:right} #at-picture a img{width:100px;height:98px}.box-related{width:100px;padding-left:3px;height:50px;border:0 none;margin:0 0 5px;padding:0;line-height:normal;font-stretch:normal}#at-picture a:last-child{margin-right:0} #at-picture a:nth-child(1):hover{box-shadow:0 -3px 0 #E50700 inset}#at-picture a:nth-child(2):hover{box-shadow:0 -3px 0 #0084C5 inset}#at-picture a:nth-child(3):hover{box-shadow:0 -3px 0 #6CAC00 inset}#at-picture a:nth-child(4):hover{box-shadow:0 -3px 0 #00C3B7 inset}#at-picture a:nth-child(5):hover{box-shadow:0 -3px 0 #FF8168 inset}#at-picture a:hover{box-shadow:0 -3px 0 #FF8168 inset}#at-picture a:nth-child(1):hover,#at-picture a:nth-child(2):hover,#at-picture a:nth-child(3):hover,#at-picture a:nth-child(4):hover,#at-picture a:nth-child(5):hover,#at-picture a:hover{background:#fff}#at-picture img{width:100%;margin:0;padding:0}#posting{width:auto!important;max-width:100%;margin:15px 20px 15px 0}

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

 * ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود .

<b:if cond='data:blog.pageType == "item"'> <script> var defaultnoimage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6QX0Q-A3VfsMb-HGo1ziarHq0iysLRZfWqREU5p7E-z2F_yiVxCC1C_tVSgs8kvmcKTyntpaXpo3kT2B6NTYXz8O0pd01PUT_QfMckWoDv-BI5_SQ1IJV7ZjKEZEZZ5UAJCCW0OAdYhs/s100/picture_not_available.png"; var maxresults = 5; var splittercolor = "#d3d3d3 "; var relatedpoststitle = "تدوينات ذات صلة :"; </script> <script src='https://ar1web-com.googlecode.com/svn/Hm/rehm.js' type='text/javascript'/> <div id='at-picture'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=999"' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div> </b:if>

ومبروك عليك الاضافة