Blogunuza benzer paylaşımlar,ilgili postlar gadget/widgeti ekleyin

Bu makalemde blogunuza 'ilgili yazılar,benzer yazılar veya yayınlar' için nasıl gadget ekleyebileceğinizi anlatacağım.Küçük fotolar taşıyan bu gadget aynı kategorideki yazılarınızı yayınlarınızın altında okuyucularınıza gösterir,böylece okuyucularınızın blogunuzda daha çok kalmasını sağlar çünkü paylaştığınız yayınla ilgili yazılar gören okuyucularınız onları da okumak isteyecektir böylece Google blogunuza daha değer verir.

Bu gadgeti eklemek için aşağıdaki adımları takip edin:

Adım 1:Blogger hesabınıza giriş yapınız ve sırasıyla Şablon>HTML'yi düzenle kısımlarına tıklayın.

Adım 2:HTML kodu içinde herhangi bir yere tıklayın ve CTRL+F kombinasyonunu kullanarak</head> kodunu bulun.

Adım 3:Aşağıdaki kodu bulduğunuz </head> kodunun hemen üstüne yapıştırın.

<!--Related Posts with thumbnails Scripts and Styles Start--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>#related-posts{float:left;width:auto;}#related-posts a{border-right: 1px dotted #eaeaea;}#related-posts a:hover{background: #EEEEEE;}#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;width:110px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}#related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style><script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' /></b:if><!--Related Posts with thumbnails Scripts and Styles End-->

Not:
-Küçük resimlerin genişliğini ve yüksekliğini değiştirmek için kırmızı yazı ile belirtilen 110px ve 100px kodları ile oynayabilirsiniz.
-Eğer başlık genişliği veya rengini değiştirmek isterseniz yeşil renkle belirtilen değerleri değiştirin
-Bu gadgetin hem ana sayfada hem sayfalarınızda çıkmasını istiyorsanız sarı renkle belirtilen kodu silin.

Adım 4:Alttaki kodu bulun,bu kodtan iki tane bulacaksınız ikincisinde durun.

<div class='post-footer'>

Adım 5:Yukarıda bulduğunuz kodun hemen üstüne alttaki kodu kopyalayıp yapıştırın.

<!-- Related Posts with Thumbnails Code Start--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop><script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=5;var relatedpoststitle=&quot;<b>Benzer paylaşımlar:</b>&quot;;removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div class='clear'/><div style="font-size: 9px;float: right; margin: 5px;"></div></b:if><!-- Related Posts with Thumbnails Code End-->

Not:
-Gösterilen post sayısını değiştirmek için kırmızı renkle belirtilen 5 rakamını değiştirebilirsiniz.

-Eğer bu gadgetin ana sayfada da gözükmesini isterseniz sarı renkle belirtilen yeri silin.

Eğer şablonunuz kaydettikten sonra bu gadgeti blogunuzda göremiyorsanız CTRL+F kombinasyonunu kullanarak bu kodu </b:includable> bulun.Bulduğunuz bu kodun hemen üstüne alttaki kodu kopyalayıp yapıştırın.

<b:includable id='postQuickEdit' var='post'>

                   



Bunu yaptıktan sonra şablonunuz kaydettin.