Blogger dünyasına giriş yapan herkesin en dikkat etmesi gereken konu web siteleri üzerindeki etkileşimi arttırmak olmalıdır. Web siteleri üzerindeki etkileşimi arttırmanın en önemli bileşenlerinden birisi de ziyaretlerin diğer içeriklerinizi ziyaret edebilecekleri linkleri onların dikkatini çeken konumlarda bulundurmanızdır. Bu blog yazımızda bu amaca yönelik olarak blogger resimli benzer ayzılar eklentisi nasıl yapılır, blogger resimli benzer yazılar ekleme, resimli benzer yazıları bloggera ekleme konusunda internet ortamından bulduğumuz hazır örnekleri sizlerle paylaşacağız.
Adım 1: Tema > Html Düzenle alanına geliniz. Daha sonra ctrl +f klavye kısa yol komutu ile </head> kodunu aratıp bulun, hemen alttaki kodu </head> kodunun hemen üstüne aşağıdaki kodları yapıştırın.
<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: #F1921A; font-family: Times New Roman; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:none; border: 1px solid #ddd } </style> <script type='text/javascript'> var defaultnoimage="https://lh4.googleusercontent.com/-J_2Hi8e_FBo/TwN7i7oZgMI/AAAAAAAAB3g/bXomP2Cw0CM/s72/no-image.PNG"; var maxresults=5; var splittercolor="#E6E7E8"; var relatedpoststitle="Benzer Yazılar:"; </script> <!-- remove --></b:if>
Adım 2: Tekrar arama yaptığımız alan gelin. <div class=’post-footer’> yandaki kodu tekrar aratarak bulmaya çalışın. Kodu bulduğunuzda ilgili kodun hemen altına aşağıda verdiğimi komutu yapıştırın.
<!-- remove --><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=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> <!-- remove --></b:if>
 |
| Blogger Resimli Benzer Yazılar Eklentisi Nasıl Yapılır? |