Aşağıdaki makale size yardımcı olacaktır:İlgili Gönderilerle Okuyucuların İlgisini Çekin – Showeblogin
Okuyucularınızı uzun süre meşgul etmek için her blog gönderisinin altına ilgili hikayeler ekleyin ve blogger blogunuzun hemen çıkma oranını azaltmak için sayfa görüntülemelerini artırın.
Herhangi bir Blogger veya web sitesi sahibi, blogları/siteleri için temelde dört kaynaktan trafik alır: arama motorları, yönlendirmeler, sosyal medya ve doğrudan trafik. Ancak, dört kaynaktan herhangi biri, blog sahibine canlı ziyaretçileri blogunuzla uzun süre meşgul edeceklerini garanti etmeyebilir. Bunun nedeni, kullanıcıların genellikle açılış sayfasını okuduktan sonra siteden çıkması ve bunun sonucunda hemen çıkma oranının %100 olmasıdır.
Blog okuyucularınızı blogunuzda uzun süre tutmanın en iyi yollarından biri, her blog gönderisinin sonunda onlara ilgili hikayeleri göstermektir. Doğrudan veya blogunuz için en üst sıralarda yer alan anahtar kelimeleri arayarak veya sosyal medyadaki yönlendirmelerle ulaştıkları web sayfasının sonunda daha fazla ilgili gönderi/eğitim/makale okumak ilgilerini çekebilir.
Buna göre, blog gönderilerinizi birbirine bağlayan ve altında belirli bir blog gönderisinin etiketlendiği aynı etiketlerdeki gönderileri görüntüleyen ücretsiz bir pencere öğesi geliştirdik. Böylece, mevcut gönderiyi okuduktan sonra, blogunuzun canlı ziyaretçileri, ilgilendikleri kategoriyle etiketlenmiş ve mevcut blog gönderisinin okuyucularıyla alakalı daha fazla ilgili hikaye bulur. Başka bir deyişle, SİGORTA adlı etiket altında yedi gönderi yayınladıysanız, her bir gönderinin sonunda, o sigorta kategorisi altındaki geri kalan blog gönderilerini gösterebileceksiniz.
İlgili Gönderileri Başlıklar, Özetler ve Küçük Resimlerle Nasıl Gösterirsiniz?
Blogger blog’unuza swtRelatedPosts widget’ı eklemek için kayıt gerekmez. Bu pencere öğesi, aynı kategori/etiket ile etiketlenmiş mevcut gönderiye bağlı önceki gönderilerin yanı sıra rastgele yeni gönderileri getirir ve gösterir.
Aşama 1:
Blogger blogunuza giriş yapın ve şablon sekmesi sol kenar çubuğu menü seçeneklerinden.
Adım 2:
Tıklamak HTML’yi düzenle metin düğmesi, blogger blogunuzla ilgili bir dizi html kodunu göreceğiniz blogger şablon düzenleyicisini açar. Şimdi şablon düzenleyicide herhangi bir yeri tıklayın ve kodları hızlı bir şekilde bulmanıza yardımcı olacak küçük bir arama kutusu almak için Ctrl+F tuşlarına basın.
Aşama 3:
Şimdi, kapanış etiketini bulun ve bu JavaScript dosyasını öğesinin hemen öncesine/üstüne yapıştırın.
Adım-4:
]]> etiketini kapatın ve aşağıdaki CSS kodlarını ]]> etiketinin hemen üstüne/öncesine yapıştırın. /************************************ SWT İlgili Yazılar ***** *************************************/ .swtLinkedPosts { genişlik: %100; } .swtRelated { kayan nokta: sol; dolgu: 0px 10px; taşma: gizli; metin hizalama: merkez; genişlik: 280 piksel; yükseklik: 145 piksel; ekran: satır içi blok; } .swtRelated:hover { -webkit-border-radius: 10px; -moz-sınır yarıçapı: 10 piksel; sınır yarıçapı: 10 piksel; -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .35); -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .35); kutu gölgesi: 1px 2px 4px rgba(0, 0, 0, .35); -webkit-geçiş-süresi: 0,9 sn; -moz-geçiş-süresi: 0.9s; -o-geçiş süresi: 0.9s; geçiş süresi: 0.9s; -webkit-geçiş-özelliği: -webkit-dönüşüm; -moz-geçiş-özelliği: -moz-dönüşüm; -o-geçiş-özelliği: -o-dönüşüm; -ms-geçiş-özelliği: -ms-dönüşüm; geçiş özelliği: transform; } .swtİlgili bir { font-family: Georgia,' Times New Roman',serif; metin dönüşümü: büyük harfle; renk: #0d495e; ekran: satır içi; yazı tipi boyutu: 11 piksel; satır yüksekliği: 1; } .swtRelated img { üst kenar boşluğu: 25px; yükseklik: 85 piksel; dolgu: 3 piksel; genişlik: 85 piksel; kayan nokta: sol; kenarlık: 1 piksel katı #fff; -webkit-sınır yarıçapı: 100px 10px 500px; -moz-sınır yarıçapı: 100px 10px 500px; sınır yarıçapı: 100px 10px 500px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4); kutu gölgesi: 0 1px 2px rgba(0, 0, 0, .4); -webkit-geçiş-süresi: 0,8 sn; -moz-geçiş-süresi: 0.8s; -o-geçiş süresi: 0,8 saniye; geçiş süresi: 0,8 saniye; -webkit-geçiş-özelliği: -webkit-dönüşüm; -moz-geçiş-özelliği: -moz-dönüşüm; -o-geçiş-özelliği: -o-dönüşüm; -ms-geçiş-özelliği: -ms-dönüşüm; geçiş özelliği: transform; taşma: gizli; } .swtRelated img:hover { -webkit-transform: rotate(360deg); -moz-dönüşüm: döndürme (360 derece); -ms-transform: döndürme(360 derece); -o-dönüşüm: döndürme (360 derece); -webkit-sınır yarıçapı: 10 piksel; -moz-sınır yarıçapı: 10 piksel; sınır yarıçapı: 10 piksel; } .swtRelated p { border-top: 1px solid #e5ebea; renk: #f5f8f1; yazı tipi boyutu: 10px; yazı tipi stili: italik; yükseklik: 6em; satır yüksekliği: 1; kenar boşluğu: 5 piksel 0 0; taşma: gizli; dolgu: 5 piksel 0 15 piksel 0; metin hizalama: sola; }Adım 5:
Birbirine bağlı gönderileri getirmek üzere her bir blog gönderinizin etiketlerini okumak için, bu kodu blog gönderilerinizin etiketlerinin gösterildiği yere, yani altbilgi satırına yerleştirmeniz gerekir. Bu, blog şablonu düzenleyicinizdeAdım-6:
Son olarak, her blog gönderisinin altında ilgili gönderileri göstereceğiz. Bu nedenle,swtRelatedPosts'u yalnızca Gönderi/makale/eğitim sayfalarında göster
Ana Sayfa dahil tüm blog sayfalarında swtRelatedPosts göster
Ana Sayfa hariç tüm blog sayfalarında swtRelatedPosts göster
Adım-7:
Son olarak, kaydetme şablonuna tıklayın ve blogger blogunuzun her bir blog gönderisi/statik/arama etiketi sayfasının altındaki swtRelatedPosts widget'ının keyfini çıkarın.
