
Daha önce de Jackbook tarafından böyle bir eklenti kodlanmıştı ama bu bence en güzeli. Bu eklentiyi kodlayan da Realtrix. Daha bugün tanıma imkanım oldu blogunu da. Jackbook'un eklentisi göze pek de hoş görünmüyordu. Etiketleri kullanarak böyle bir eklenti yazdığı için her etiketin altında sıralanıyordu benzer yazılar. Realtrix de etiketleri kullanıyor ama etiketlerin altında sıralanmıyor. Ayrıca Realtrix'inkinde benzer yazılar sürekli değişiyor. Jackbook'ta sadece son benzer yazılar çıkıyordu. Realtrix'in benzer yazıları estetik olarak da güzel durduğu için Jackbook'unkini kaldırıp yenisini koydum ben. Eğer siz de benzer yazılar için Realtrix'inkini kullanmak isterseniz aşağıyı okumaya devam ediniz.
1. Adım: </head> kodundan hemen önce aşağıdaki kodu ekliyoruz.
<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://i263.photobucket.com/albums/ii150/mohamedrias/newconcept_bullet.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'/>
Şimdi şablonumuzu kaydediyoruz.
2. Adım: Ctrl+F yardımıyla şablonumuzda <p><data:post.body/></p> kodunu aratıyoruz. Bulduğumuz bu kodun altına da aşağıdaki kodu yapıştırıyoruz.
<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 != "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>
Şimdi tekrar şablonumuzu kaydediyoruz. Hayırlı uğurlu olsun. Şimdi yapmamız gereken son şey ise gene Ctrl+F ile "Related Posts" yazısını buluyoruz ve bunu "Benzer Yazılar" olarak değiştiriyoruz. Her şey açıktır umarım. Sorularınızı cevaplarım gene de...









