Genel

Blogspot Teması Düzenleme – Otomatik Resimli Devamını Oku Eklentisi

admin9 Mayıs 20180 Comment37

Blog sayfası yazmaya Blogger ile başlayanlar genellikle WordPress’deki kadar çok tema ve eklenti olmamasından yakınır. Ancak temel bir HTML bilgisi ile sizlerde bloglarınızı istediğiniz formlara dönüştürebilirsiniz. Aslında bu yönüyle Blogger sizin açık kaynak bir programınız gibi. Blogger size temeli verir ve üstüne inşa edeceğiniz yapının mimarı sizsiniz.

Blogger yani Blogspot uzantılı sitelerinizin temasını seçtikten sonra HTML kodlarını düzenleyebilmek için Sol taraftaki menü de yer alan Tema sayfasını açarız. Burada şu anda blogunuzun nasıl bir görünüme sahip olduğunun küçük bir resmi yer alır. Resmin hemen altında HTML’yi düzenle yazısına tıklayarak site şablonumuzun kodlarına erişiriz. Kodlama bilmeyenler için biraz karışık gözükebilir ancak gayet basit işlemlerle ve kod parçacıklarıyla güzel işler çıkarabilirsiniz. Aşağıda kendi ekranıma ait bir görüntü üzerinde tıklamanız gereken yerleri işaretledim.

Blogspot Teması Düzenleme - Otomatik Resimli Devamını Oku Eklentisi

HTML’yi düzenle sayfasını açtığımızda temamıza ait kodlar karşımıza çıkacak. İlk olarak oradaki kodları bir Word dosyasına yedeklemenizi tavsiye ederim. Yedekleme işlemini yaptıktan sonra kodlar üzerinde rahatça değişiklik yapabiliriz.

Kodlarımız içerisinde yer alan <head></head> etiketi içine başlık, css(stiller), script vb. yapılara ait kodlar bulunur. bu kısımda yer alan bilgiler sitenin görselliği ve işlevselliği açısından çok önemlidir.

Sayfamızda yazımızın bir bölümünü, konuya ait bir görseli ve “Devamını Gör” , “Devamını Oku” butonlarını içeren özet bölümler oluşturmak için aşağıdaki yolu izleyeceğiz.

1) İlk olarak HTML’yi Düzenle sayfasını açıyoruz ve burada <head></head> etiketini buluyoruz. </head> etiketin sonunu ifade eder yani bu ifadeden sonraki yazılan kodlar head kısmına ait değildir. Aşağıdaki script kodlarını <head></head> etiketinin içerisine yapıştırıyoruz.

2) Yukarıdaki kodu yerine yapıştırdıktan sonra Ctrl+F ile <data:post.body> ifadesini arıyoruz. Bu koddan birkaç tane olabilir. Bu ifadeden kaç tane varsa hepsini siliyoruz. Eğer aramanın sonucunda bu ifadeyi bulamadıysanız daha önce silmiş olabilirsiniz ya da kod parçasının başındaki < > parantezlerinden dolayı bulamamış olabilirsiniz. Böyle bir durumla karşılaşırsanız data:post.body şeklinde arama yapın bu şekilde mevcut olanları kesinlikle buluyor. Eğer hala bulamadıysanız muhtemelen daha önce silmişsinizdir. Bir sonraki adım ile devam edebilirsiniz.

3) Silme işlemi tamamlandığında sildiğiniz yere aşağıdaki kodu yapıştırın. Birden fazla <data:post.body> vardı ve sildiyseniz herhangi birinin yerine aşağıdaki kodu yapıştırabilirsiniz.
<b:if cond='data:blog.pageType == "item"'><data:post.body/><b:else/><b:if cond='data:blog.pageType == "static_page"'><data:post.body/><b:else/></p> <div expr:><data:post.body/></div> <p><a expr:href='data:post.url'>Devamını oku »</a></b:if></b:if>

4) Yukarıdaki işlem adımları doğru bir şekilde yapıldı ise aşağıdaki gibi bir anasayfa görüntüsü elde edeceksiniz.

Bu şekilde sayfalarımızın HTML kodlarını düzenleyerek Blogger Blogspot’ta yer alan blog sayfalarımıza yeni görünümler kazandırabiliriz. Konu hakkında sorularınızı ve görüşlerinizi yorum olarak bekliyorum. Bu tarz yazıların daha fazla olmasını isterseniz yorumlarda belirtebilirsiniz.