اضافه نمودن تکنیک " نوشته های مرتبط با مطلب منتشر شده " در حالت متنی به وبلاگ

اگر مطلب قبلی  که درباره اضافه کردن تکنیک " مطالب مرتبط با مطالب منتشر شده " که از نوع تصویری بود را  از اینجا خوانده باشید ، { این تصویر }

قول دادم که آموزش نوع دوم همین تکنیک که از نوع متنی بود را برای شما قرار بدم
برای اضافه کردن این تکنیک به قالبهای خود مراحل زیر را انجام دهید :

1- وارد بخش layout  و سپس قسمت Edit HTML از بخش مدیریت وبلاگ خود شوید . از آنجا تیک گزینه Expand Widget Template را قرار دهید .

2- کد زیر را در قالب پیدا کنید  :


</head>


3- کدهای زیر را قبل از کدبالا قرار دهید:


<style>
#related-posts {
float : right;
width : 440px;
margin-top:20px;
margin-right : 5px;
margin-bottom:20px;
font : 11px tahoma;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://4.bp.blogspot.com/_cNpXRtRph18/SpbSRYurg2I/AAAAAAAAD7Q/GbYNm2feyIQ/rss.png) no-repeat scroll right center;
border-bottom:1px dotted #CCCCCC;
display:block;
line-height:2em;
margin:0 0 5px;
padding:0 25px 1px 0;
font-family:tahoma;
}
</style>
<script src='http://bsaves.com/scripts/Related_posts_hack.js' type='text/javascript'/>


4- حال خط کد زیر را در بین کدهای قالب خود پبداکنید :


<data:post.body/>


5- حال کدهای زیر را بعد از خط کدهای بالا قرار دهید :


<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>


پ.ن : به نوشته های قرمز رنگ توجه کنید

پ.ن 2 : خیلی از دوستان در پیداکردن کد موجود در بخش 4 مشکل دارند به تصویر زیر نگاه کنید و همه کدهای موجود در بخش 5 را انتخاب کرده و بعد از کد انتخاب شده در تصویر زیر " کپی - پیست " نمائید :.

تصویر قبل از تغییرات{ کلیک کنید }

تصویر بعد از تغییرات { کلیک کنید }