Blogger Benzer Yayınlar Ekleme

Yine yeniden mükemmel bir konu ile sizlerleyim...    Çayımızı alalım ve hemen konumuza geçelim.   Biliyorsunuz ki blogger üzerinde bir çok konu paylaşımı yapıyoruz. Bu konuları paylaştığımızda yayın altında bulunan "Benzer yayınlar" yada "Bu konular da ilginizi çekebilir" şeklinde bölümler oluyor. Bazı temalarda bu bölüm olmuyor yada JS dosyası yüklendiği yerden silindiğinde problem yaşayabiliyoruz. 

Sizlere verdiğim bu kod sayesinde ömür boyu sizinle beraber olacak. Çünkü hiç bir yere yükleme yapmadan direk kod içeriğini sizlere paylaşacağım.

Örnek Görüntü;


Yukarıda resimde gördüğünüz gibi şekilde olacaktır. Standart olarak ben 3 ayrı bölüm olarak ekledim ama bunu 4 - 5 - 6 öneriye kadar çıkarabilirsiniz. Tasarımı mobil uyumlu olarak gerçekleştirdim ve sade olmasının sebebi ise tüm temalara uyum sağlasın diye yaptım. Bir kaç özellik ekledim bunlardan birisi resmin veya linkin üzerine geldiğinizde resim ufaktan bi hareketleniyor. Fazla abartmadan güzel görünümlü bir benzer yayınlar eklentisi olacağına eminim. 

Şimdi bu kodu bloğumuza nasıl ekleyeceğiz birada ondan bahsedeyim. Her zaman olduğu gibi bu bölümde mutlaka tema yedeğinizi alın çünkü yanlış yaptığınızda tema ile ilgili sorun yaşamayın... Eğer yapamazsanız ben size bu konuda yardımcı olabilirim. Çekinmeden bana yorumlarda belirtebilirsiniz.

Aşağıda verdiğim kodu bloğunuza eklemek için Blogger kontrol paneline giriş yapalım. Sol menüden Tema seçeneğini seçelim ve ardından Özelleştir seçeneğinin yanındaki aşağı doğru olan oktan HTML Düzenle'yi yani kod kısmını açalım. Burada CTRL+F tuşu ile <b:skin kodunu aratalım ve bu kodun altında mavi yazıların olduğu yere aşağıdaki kodu yapıştıralım.

Örnek Görüntü;

Eklenecek Kod:



Bu bölümü başarıyla geçtikten sonra XML kodunu ekleyeceğiz. Bu temadan temaya farklılık gösterdiği için burada kesinlikle kod içeriğinden anlamanız gereklidir. Yanlış bölüme eklerseniz kod farklı yerlerde görünecektir.  Aşağıda verdiğim kodu temanızın içinde bulunan postQuickEdit bölümünün üst kısmında bulunan <div style='clear: both;'/>  hemen üzerine eklemeniz gerekmektedir. Bu durum temadan temaya değişiklik gösterebiliyor. Kodu eklemek için yardım talebinde bulunabilirsiniz.

Örnek Görüntü;


Eklenecek Kod:



 Bu işlemlerden sonra artık konu altlarında 3 bölümden oluşan benzer yayınlar bölümünüz olacaktır. Eğer sorunla karşılaşırsanız mutlaka destek talibinde bulunmayı unutmayın.

Kod çalışmıyorsa Aşağıdaki kodu <head> kodunun hemen altına eklemeyi unutmayın.



Ayrıca temanızın bozulmasına karşın lütfen tema yedeğinizi alın. Tema bozulmasından kaynaklı durumlarda sorumluluk tarafıma ait değildir. Bu konu hakkında tecrübeniz yoksa lütfen canlı destek talebinde bulununuz.


Yorumlar