Blogger temalarında ufak tefek değişiklikler nasıl yapılır?

09 Mart, 2017
Blogger tema düzenleme
Blogger tema düzenleme
Blogger (blogspot) bloglarında kullanılan temalarda yazı boyutunu, rengini, eklentilerle ilgili genişlik ayarlarını ve bunlara benzer ufak tefek değişiklikleri nasıl yaparız?

Sevgili dostlar bu yazımda Blogger sayfalarında, görünümde ufak tefek değişimleri nasıl yaparız ondan bahsettim. Hiç bir şekilde kod bilgisi gerektirmeyen bu basit yöntemle blog sayfalarınızda ufak tefek düzenlemeler yapabileceksiniz. Peki nasıl değişimler ve düzenlemelerden bahsediyorum? Örneğin istediğiniz alanın arka plan rengini, yazı boyutlarını, yazı renklerini, eklentilerin ya da sayfaların genişliklerini gibi değişimler...

Bu düzenlemeleri yapacağımız alan Google Chrome. Tabi aynı şekilde Mozilla Firefox ve diğer farklı browserlardan (internet tarayıcıları) da aynı işlemleri gerçekleştirebiliriz. Şimdi başlayalım...

Örneğin kendi kişisel blogumun ana sayfasında şöyle bir görünüm var:
Blogger tema düzenlemeleri
Ve ben resimde de belirttiğim yayın başlığının rengini ve boyutunu değiştirmek istiyorum. Peki bunun için ne yapacağım?

Hemen aşağıdaki resimde gösterdiğim gibi fare ile yayın başlığını seçip, sağ tıklıyorum.
Blogger tema düzenlemeleri
Ardından açılan seçeneklerden "İncele" seçeneğini seçiyorum. Bununla birlikte hemen sağ tarafta kodlar görünecektir.
Blogger tema düzenlemeleri
Şimdi bu kısımda bazı bilgileri bilmemiz gerekir. Örneğin renkler... Kodlar arasında renkler başında # karakteri olan kodlarla belirlenir ve 6 karakterden oluşur. Mesela 
#ffffff
kodu beyaz rengi ifade eder. Örneğin
#ff0000
kodu kırmızı rengi ifade eder. Tabi tüm renklerin kodunu ezberleme gibi bir şansımız yoktur. www.color-hex.com gibi sitelerden dilediğimiz rengin kodunu alabiliriz. Şimdi asıl konumuza geri dönelim. Yayın başlığımızın rengini değiştirecektik. Yayın başlığı resimlerden gördüğünüz gibi koyu gri renginde. Zaten incele seçeneği ile en son eklediğim resimde o gri rengin kodunu da gördük.
#2d3037
Şimdi bu renk kodunun yerine başka kodlar eklediğimizde, yayın başlığının nasıl göründüğünü anında görebiliyoruz.
Blogger tema düzenlemeleri
Resimde gördüğünüz gibi kırmızı renk kodunu ekledim ve yayın başlığının nasıl göründüğünü anında görebiliyorum. Henüz hala Blogger kodlarında değişiklik yapmadım.

Kırmızı rengini beğendim diyelim. Ve bloguma bunu uygulamak istiyorum... Bloguma uygulamak için ise resimde sağ tarafta kırmızı kutu içerinde belirttiğim kodu kopyalıyorum. 
h3.post-title a
Kopyaladıktan sonra Blogger kullanıcı panelinde Tema ardından HTML Düzenle seçenekleri seçerek kodların yer aldığı sayfaya ulaşıyorum. Ve bu sayfada klavyeden Ctrl F yardımıyla bu kodu aratıyorum.
Blogger tema düzenlemeleri
Resimde gördüğünüz gibi kodumu buldum ve aynı paragrafta renk kodumu tespit ettim. Şimdi bu renk kodunun yerine dilediğim rengin kodunu ekleyebilirim.

"Ben yanlış yaparım!, Hiç anlamam zaten bu işten!" gibi karamsar düşüncelere gerek yok. Deneme yanılma yöntemi ile dilediğiniz değişikliği yapın. Eğer beğenmez ve eski haline dönmesini isterseniz eğer klavyenizden Ctrl Z yaparak tüm her şeyi eski haline döndürebilirsiniz.

Tabi aynı şekilde genişlik ve yazı boyutu düzenlemeleri de yapabilirsiniz. Yazı boyutu ve genişlikler için px değerleri görünür, örneğin:
14px
ya da genişlikler için:
width: 800px;
height: 200px;
kodları. Burada width genişliği, height uzunluğu temsil eder.

Sonlara doğru

Bu konuda bu kadardı sevgili dostlarım. Oldukça basittir. Değişiklik yapmak istediğiniz alanın üstüne gelip sağ tıklayın ve ardından incele seçeneğini seçerek kodları tespit edin. Daha sonra bu kodu Blogger kodlarınızda aratın ve dilediğiniz değişikliği yapın. Daha güvenli olması açısından temanızın yedeğini alabilirsiniz. Bu sayede yaptığınız değişiklikleri geri alma şansınız olacaktır. Konuyla ilgili sorularınız olursa yorum yaparak bana bildirebilirsiniz.

Temalar nasıl yedeklenir diye sorarsanız eğer, daha önce yazdığım
bu yazılar, size yardımcı olacaktır.

✋Bu içerik Kişisel Blog - BlogTecrübem tarafından hazırlanmıştır.

9 yorum:

  1. Bravo. Böyle küçük değişiklikler için bile ücret talep edip insanların (özellikle bayanların) iyi niyetini suistimal eden fırsatçılar var. Bu nedenle yazı için tebrik ediyorum. Çok değerli bence.

    YanıtlaSil
  2. Basit ve önemli detaylar..Herkes ufak çaplı değişiklikler yapabilir, güzel anlatımın faydalı olacaktır.

    YanıtlaSil
  3. Harika !..Epey detaylı bir yazı :) teşekkürler

    YanıtlaSil
    Yanıtlar
    1. Rica ederim, elimden geldiğince kısa tutmaya çalıştım ama ... :)

      Sil
  4. Ben de sıkıştığım zaman bu şekilde çözebiliyorum. Teşekkürler hocam

    YanıtlaSil
    Yanıtlar
    1. Rica ederim, kesinlikle oldukça basit bir yöntem. Dilediğiniz alana müdahale etmek mümkün..

      Sil
  5. Güzel ve detaylı bir yazı olmuş teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. Ben teşekkür ederim Poyraz Hocam, yorumunuz mutlu etti beni...

      Sil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
3. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanın.

Copyright © 2016 - 2024 Blog Tecrübem. All rights reserved. Powered by Dijidal.com and Blogger. I Google
Sitede yer alan tüm içerikler Blog Tecrübem'e aittir, kullanım koşulları çerçevesinde alıntı yapılabilir.