Bloğunuza eklediğiniz her yazının sonunda "bunlarda ilginizi çekebilir" başlığı altında diğer içeriklerinizin görüntülenmesini sağlayan Bu eklenti sayesinde yazınızı okuyan bir ziyaretçi yazının sonunda dikkatini çekebilecek diğer içerikleri de görüp onları tıklayacak.Dolayısıyla yazılarınız daha fazla okunacak.Benim de sitemde kullandığım çok önemli bir eklenti.
● Blogger Resimli Benzer yazılar eklentisi.
● Bunlarda ilginizi çekebilir eklentisi.
● Reklamsız,tüm resim formatlarına uyumlu.
Şimdi "bunlarda ilginizi çekebilir" eklentisini bloğunuza nasıl ekliyeceğinizi anlatmaya başlayalım...
1.Adım
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.
Bulduğunuz bu kodun hemen üstüne gelecek şekilde aşağıdaki kodları ekliyoruz.
<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='https://meftunmede.github.io/javascripts/Benzer_yazilar.js' type='text/javascript'/> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSt7bgYga9r5sQ6T-22msQ0Bw-pbUQTwqRIhDbTsQYydUTQt4sxY6f1pIepm5mGjFA2rEHPoTgCDbPAv2AjAo5jIOejmBC8p3RipQj1HlFKhHhHJJWwT4_B4tRyfCW9oytx9ApTYN_Ois/s1600/no-photo-available.jpeg"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="Bunlarda ilginizi çekebilir"; </script> </b:if>
2.Adım
<data:post.body/> kodunu buluyoruz.
Bulduğunuz bu kodun hemen altına gelecek şekilde aşağıdaki kodları ekliyoruz. Bu kod şablonlarda iki adet olabiliyor, sonuçlarda çıkan ilk kod, ve kaydediyoruz.
<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>
Kodlar içerisinde ;
relatedpoststitle="Bunlarda ilginizi çekebilir"
var maxresults=5
var defaultnoimage= Resmi olmayan konularınız için default image
Bölümlerini isteğinize göre değiştirebilirsiniz.
Not: Bu eklenti ana sayfa ve diğer sabit sayfalarda görünmez. Yani sadece açılan yazı sayfalarının altında görünür.Ama eklentinin Anasayfadaki tüm konuların devamını oku özelliğinin altında veya diğer sayfalarda da görünmesini isterseniz; Maviyle işaretlediğim yerleri silebilirsiniz.
Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.iyi bloglamalar...
eyw paylaşım için
YanıtlaSilBen Yapamadım .s
YanıtlaSilolmadı yardım...
YanıtlaSilhtml düzenledim bi baksan hani :D
gene gözükmüyor dediğin gibi ekledim :D
Kardeşim Olmuyorr Bi Yardım Edicekmisin ?
YanıtlaSilKaan bey 2 . adımdaki kodu data:post.body/> den sonra
YanıtlaSildiv class='post-share-buttons'>
</div kodundan sonra koymayı deneyin.Burdaki mantık şu; blogunuzda yayınladıgınız konuların altındakı paylas butonları veya autor gibi ekleriden sonra yerlestirmemiz gerekiyo bu kodu.
Berk Uzun Sizin Google+ profilinizde blogunuzu göremedigim icin bisey söyleyemiyecem.Yukarıda anlattıgım gibi yaparsanız olacaktır.Kaan beyin blogunda yorum kutusundan önce en son görünen sosyal medya paylasım butonları oldugu icin 2. adımdaki kodları oraya eklemesi gerekiyo.Sizinde yorum kutusundan önce blogunuzda ne ek varsa o ekin kodundan sonra ekleyin 2.adımdaki kodları.Umarım anlattıklarım yardımcı olur.Kolay gelsin.iyi bloglamalar.
sürekli bu hatayı veriyo
YanıtlaSilMore than one widget was found with id: HTML1. Widget IDs should be unique.
HTML1: Birden fazla Widget kimliği bulunmuş.Temanin sag taraftaki sidebardaki widgetleri kaldirmalisin.Ondan sonra bu eklentiyi dene.
YanıtlaSilAnlatılanları birebir yapmama rağmen bloğumda hiçbir değişiklik olmadı. Neden olabilir?
YanıtlaSilSongül hanim 2. Adimdaki kodlari "data:post.body/"den sonraki "span class='star-ratings'>" bölümünün /div> kapanisindan sonraya ekleyin.Blogunuzda paylastiginiz yazilarin altinda sirasiyla Gönderen, zaman, sosyal paylasim butonlari ve etiketler var.Bunlar bloggerin standart eklentileri.Siz bu eklentiyi yorum kutusunun hemen üstünde paylasacaginiz icin; eklentiyi o sekilde ayarlayin.basarilar...
YanıtlaSilçok güzel oldu teşekkürler
YanıtlaSilmeftun bey yapamadım bunu bir türlü. bu sayfadaki bütün önermeleri denedim. nerede yanlış yaptığımı anlayamıyorum. yardımcı olursanız sevinirim.
YanıtlaSilDünyada barış, blogunuzda başarılar dileklerimle.
YanıtlaSilKumanda Paneli → Şablon → HTML’yi Düzenleye tıklayın. Ctrl + F tuşlarıyla <div class='post-footer-line post-footer-line-3'> kodunu bulun.
Bulduğunuz bu kodun hemen altına 2. Adımdaki kodları kopyalayıp yapıştırın.Kolay gelsin.
teşekkür ederim ama şu anda o şekilde de denedim. şablonu kaydet'e tıkladım ve kaydedildi. fakat yine çalışmıyor. nerede hata yaptığımı anlayamıyorum.
YanıtlaSilek olarak: şu an kod ekli şekildedir.
YanıtlaSilBlogunuzda paylaştığınız konuların altında labet/etiketlerinizi gösteriniz.Eklemediyseniz yazılarınıza mutlaka hangi konularla ilgili oldugunu gösteren etiketler ekleyin.Bu eklenti etiketlerinize bağlı olarak çalışır.
YanıtlaSil<div class='post-footer-line post-footer-line-3'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<b:if cond='data:top.showReactions'>
<span class='reaction-buttons'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</span>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</div>
</div>
</div>
</div>
Bu araya 2.Adımdaki kodları kopyalayıp yapıstırın.
</b:includable>
<b:includable id='postQuickEdit' var='post'>...</b:includable>
çok teşekkür ederim yardımınız için, püf noktası varmış eklentinin demekki:)) hayırlı günler dilerim
YanıtlaSilne yazıkki ben de yapamadım :(
YanıtlaSilHatice hanım blogger kontrol panelinizden şablon, sağ üst köşede Yedekle/Geri yükle seçeneğinden tam şablonu indir yapıp, bana şablonunuzun yedeğini gönderin. Meftun_hh@hotmail.de yada meftunmede@gmail.com adresine. Ben hazırlar gönderirim size.
YanıtlaSileklenti son derece yararlı hocam başka bir hava kattı bloga :D
YanıtlaSilHocam Bir türlü olmadı kaç kere denediysem yapamadım. yardımcı olur musunuz size zahmet?
YanıtlaSilBende yapamadım.
YanıtlaSilresim etrafındaki çizginin rengini nasıl değiştircez?
YanıtlaSil1. Adımdaki "#related-posts img" kısmında "border:1px solid #f2f2f2 !important;" tanımının siyahla belirttiğim Renk bölümünü (#f2f2f2) isteğinize göre değiştirebilirsiniz.
Silteşekkürler dostum.Ancak bir sorum daha olcaktı;blogtaki altta footer-wrap ve credit wrap kodları ile kullandığım satırlar kaydı.Nasıl düzeltebilirim?Ana sayfada düzelse yayına tıkladığımda yine altta bozuk çıkıyor.
YanıtlaSilMerhaba bende eklentiyi yaptım ama Gozukmedı eksık ne yapmıs olablırım ( Herhangı bır değişiklik yapmadım kodların içerisinde sadece mavi alanları sıldım )
YanıtlaSilSÜPER.FAKAT.BEN SADECE RESİMLER GÖRÜNSÜN İSTİYORUM.YAYIN BAŞLIKLARI GÖRÜNMESİN.NASIL YAPABİLİRİM.TEŞEKKÜRLER.
YanıtlaSil1. Adımdaki style kodlarında <style type="text/css"> kodunun hemen altına aşağıda gösterdiğim tanımı ekleyin ve öyle kaydedin. Böylece yayın başlıkları görünmeyecektir. Kolay gelsin.
Sil#related-title{height:0;visibility:hidden;display:none;}
Merhaba;
YanıtlaSilBir çok deneme yapmama rağmen kodu çalıştıramıyorum. :(
Lütfen yardım
Merhaba ben yaptım oldukça güzel oldu fakat devamını oku yazım benzer yazılar eklentisinden sonra çıkıyor.Bu yazıyı öne çekmek için ne yapmalıyım ?
YanıtlaSilMerhaba. Özellikle ana sayfada değil, sadece açılan yazının altında görünen bir eklenti arıyordum. Süper oldu. İlk bir kaç deneme sonuçsuz kaldı ama "dünyada barış" kullanıcısına verdiğiniz cevap benim de işime yaradı. çok teşekkürler. Bu arada bloğuma bir göz atıp, eksik ya da hatalı gördüğünüz yerleri belirtirseniz çok sevinirim.
YanıtlaSilÖncelikle teşekkür ederim kodu sorunsuzca kurdum fakat benzer başlıklarda ana makalenin aynısını da gösteriyor. Bu tekrarlamayı nasıl kapatabiliriz? Teşekkürler.
YanıtlaSilMerhaba, öncelikle güzel paylaşımlarınız için çok çok teşekkür ederim. ^_^ Dediklerinizi bir bir yaptım blog yazısı içinde harika oldu ama anasayfada gözükmesini istediğimde bir sorun oluştu.
YanıtlaSilAnasayfa da çıkması için mavi olan yazıları dediğiniz gibi sildim bu sefer başlık yazıları "Bunlarda ilginizi çekebilir" kutucuğunun yanına kaydı sayfanın düzeni bozuldu. Acaba bunun bir çözüm yolu var mıdır? Yardımcı olabilirseniz çok sevinirim ^_^
Merhaba, artık bu eklenti kodları çalışmıyor mu acaba? Hiç sorun yokken bir anda kayboldu.
YanıtlaSilAynı sorun bende de var. bir kaç gün öncesine kadar kodlar sorunsuz çalışıyordu ama kendiliğinden gittiler.
YanıtlaSilGoogle code kapandı o yüzden çalışmıyor. artkadaş js kodunu değpiştirirse eğer çalışacaktır. Buradan bizlere bilgi vermesi lazımdı.
YanıtlaSilArkadaşlar google code sunucu hizmetini durdurduğu için ona bağlı eklentilerde hata verdi. Bu problemden dolayı özür dileriz. Kodlar yenilendi. Eklentilerinizi güncelleştirebilirsiniz. Bilginize...
YanıtlaSilteşekkürler hocam bu js kodu siteyi yavaşlatır mı yada bildiğiniz çok hızlı bir tema var mı
SilHocam ben github a js kodları yükleme yerini bulamadım bu konuda yardımcı olabilir misiniz. sıkıştırıp ekleme yapmam lazım site yavaş mail adresim: ibo.firat@gmail.com
Silhocam ben yapamadım kodlarımı atsam ekler misiniz ?
Silcevap bekliyorum hocam bu konu hakkında githuba js kodu nasıl yüklenir yazı yazın iyi olur bence
YanıtlaSilAradan yaklaşık 5 yıl geçmiş ama tasarım hala işe yarar durumda. Ellerinize sağlık...
YanıtlaSilÇok teşekkürler çok hoş oldu
YanıtlaSilYorum Gönder
Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!