نمایش دادن مطالب مرتبط با هر پست علاوه بر آسان نمودن کار برای بازدیدکنندگان وبلاگ شما ، به قالب شما چهره ای حرفه ای و جذاب می بخشد. همین امر بر آن شد تا نحوه اضافه کردن این ویژگی را به شما آموزش دهم:

برای این منظور:
یک: از قسمت "طرح" وارد بخش "ویرایش HTML" وبلاگ خود شوید
دو: از قالب خود پشتیبان بگیرید 
سه: تیگ گزینه "گسترش الگوهای عناصر صفحه" را قرار دهید
چهار: در قالب وبلاگ خود کد زیر را پیدا کنید: (با استفاده از Ctrl+F)

</head>

پنج: کدهای زیر را قبل از آن قرار دهید:

<style>
 #related-posts { 
float : right; 
width : 655px; 
margin-top:20px; 
margin-left : 5px; 
margin-bottom:20px; 
font : 13px Verdana; 
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 {
 display : block; 
background : url(&quot;http://029.img98.net/out.php/i280437_garrow111.gif&quot;) no-repeat 0 0; margin : 0; 
padding-top : 0; 
padding-right : 0; 
padding-bottom : 1px; padding-left : 21px; 
margin-bottom : 5px; 
line-height : 2em; 
border-bottom:1px dotted #cccccc; 
} 
</style> 
<script src='http://yourjavascript.com/1911619124/Related_posts_hack.js' type='text/javascript'/>

شش: یکی از کدهای زیر را در قالب خود پیدا کنید:

<data:post.body/>

<div class='post-body>

هفت: کدهای زیر را بعد از کد بالا قرار دهید:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='5'><b>مطالب مرتبط : </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>

هشت: قالب خود را ذخیره کنید.
کدهای استفاده شده در این ترفند را می توانید از لینک های زیر نیز دریافت کنید:

• لینک اصلی
• لینک کمکی