Blogger Benzer Yazılar Eklentisi

Amatör seviyede blog tasarımı ile uğraşan biri olarak bloğumun tasarımını kendim yapmaya, fazla aşırıya kaçmadan eklentilerle zenginleştirmeye çalışıyorum. Bu noktada internet bilgi çöplüğüne dönmüş vaziyette. Ortalık yüzlerce çalışmayan kod, kırık link ya da anlatımı yetersiz post ile dolu. Bu sayfalarda sizlere de yardımcı olması amacı ile sadece kendi bloğumda kullandığım eklentilerin kodlarını, html'de minimum anlayan birinin kelimeleri ile anlatmaya çalışacağım.

Bloğumun şablonunu yenilediğimden beri, bir benzer yazılar eklentisi arıyordum. “Bu iş için basitçe bir Linkwithin kodu neden koymadın” dediğinizi duyar gibiydim. Cevabım şu; ekleyemedim. Zira ben ana sayfada değil, sadece tıklanan yazının altında görünen bir benzer yazılar eklentisi arıyordum. En sonunda şurada buldum. Yaklaşın, şimdi size benim gibi ana sayfasında “Devamı” butonu kullanan bloggerler için ana sayfa ve diğer sabit sayfalarda görünmeyen, sadece açılan yazıların sayfasının altında görünen, kimini benzer yazılar, kiminin bunlarda ilginizi çekebilir eklentisi dediği eklentiyi nasıl yapacağınızı anlatıyorum.

Kumanda Paneli → Şablon → HTML’yi Düzenleye tıklıyoruz. Ctrl + F tuşlarına aynı anda basarak, açılan arama formunda </head> kodunu buluyoruz ve bu kodun hemen üzerine aşağıdaki kodu yapıştırıyoruz.

<b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #related-posts{text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;} #related-posts h2{background:transparent;font-size:1.4em;font-weight:700;color:#000;font-family:Georgia,arial;margin-bottom:.75em;margin-top:0;padding-top:0;} #related-posts a{color:#000;} #related-posts a:hover{color:#000;background-color:#ddd;} #related-posts img{border:1px solid #f2f2f2 !important;border-radius:4px;margin:0px;} </style> <script src='http://meftun-mede.googlecode.com/svn/trunk/Benzer_yazilar.js' type='text/javascript'/> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHvqmNgtKnyyenjNqpk_sLQlV6Yt9Ytm_7eWDbx8e91riCzHivrooc2WHrucL7tcb4YbQBSPOOVXkdNDO7q_AcUgLKNe8Ty5nQFRwEOfGvhcCSnvg-rI5eIFbgh_PiYHB0M18hf_A0Fls/s1600/no-photo-available.jpeg"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="Bunlarda ilginizi çekebilir"; </script> </b:if>

Bu konu yapıştırdıktan sonra yine şablonda arama yapıyoruz ve <data:post.body/> kodunu aratıyoruz.  Bulduğumuz kodun altına aşağıdaki kodu yapıştırıyoruz. (Not: Bu kod bende birkaç yerde var. Birinde olmazsa silip sonraki <data:post.body/> kodunun altına yapıştırarak tekrar deneyin)

<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <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=5"' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div> </b:if>

Eğer her şey doğru yapılmışsa benzer yazılar eklentiniz çalışacaktır. 

Birkaç küçük detay:

1- İlk kodun içindeki “Bunlarda ilginizi çekebilir” kısmını dilediğiniz şekilde düzenleyebilirsiniz.

2- Kodlar size 5 benzer yazı sunacaktır. Rakamı değiştirmek isterseniz yine ilk koddaki maxresults yazısının yanındaki rakamı değiştirebilirsiniz.

Blogger Benzer Yazılar Eklentisi