Blogumuzda yazdımız bir yazıyı okuyan misafirlerimiz o okuduğu konuya benzer konuları, yazının altında sıralı bir şekilde görerek dikkatini çekmesini sağlayan ve böylece sitenizde daha çok vakit geçirmesini sağlayan bir eklenti diyebiliriz aslında buna.Ve oldukça yararlı olduğunuda söleyebiliriz.Şimdi size bu eklentiyi blogumuza nasıl kuracağımızı anlatcağım.
İlk olarak html düzenleden

</head>

kodunu buluyoruz ve onun hemen önüne

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px 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 { color : #940f04; font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { color : #054474; font-size : 11px; text-decoration : none; } #related-posts a:hover { color : #054474; text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://img15.imageshack.us/img15/6752/newconceptbullettl3.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 16px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js' type='text/javascript'/>

kodunu yapıştırıyoruz ve şablonu kaydediyoruz.

Daha sonra yine kendi html'mizde

<p><data:post.body/></p>

kodunu bulup hemen altına

<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>

kodunu yapıştırıp şablonu kaydediyoruz.şimdi Ctrl+F ile "Related Posts" yazısını buluyoruz onu benzer yazılar yada konular olarak değiştirip tekrar kaydediyoruz.Hepsi bu kadar umarım yararlı olur.sonuç aşağıdaki resimde.