Blogger’da Header (Başlık) Ortalama Yapmak

Kategori:Web

Yayınlandığı Tarih:

Son Güncelleme: 14-10-2018

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (Henüz Yıldız Verilmedi!)
Loading...

Merhaba millet,

Blogger başlık kısmını ortalama yapmak için yerine getirmeniz gereken adımlardan bahsedeceğim bu sayede başlık bölümünüzde ki yazıyı veya resmi bir kaç basit adımı yerine getirerek ortalamış olacağız. Bunu yapabilmeniz için öncelikle ihtiyacınız olan bir CSS kodu bulunmaktadır. Türkçe sayfalarda bununla ilgili olarak bir bilgiye rastlayamadım. Umarım işinizi görür.

Artı blogger eklentilerinin veya diğer kod içerisine eklediğiniz sosyal paylaşım butonlarının ortalanması veya sağa sola dayama hakkında ilerleyen yazılarımda da bilgi vereceğim.
Neyse aşağıda sırasıyla verdiğim adımları gerçekleştirin.

1. Blogger hesabımıza giriş yaparak Blog ayarlarımızın bulunduğu panelden Şablona giriyoruz.

2. Şablonda bulunan Özelleştir butonuna basıyoruz.

3. Özelleştir bölümünden Sol üst köşede bulunan Gelişmiş seçeneğine giriyoruz.

4. Geliş seçeneğine bastığımızda sağ tarafında beliren menü içerisinde aşağı inerek CSS ekle üzerine basıyoruz.

5. Css ekle ekranında açılan beyaz kod penceresine şu CSS biçimini ekliyoruz.

#header-inner img {
margin-left: auto;
margin-right: auto;
}

eğer alt kısımda da görüldüğü üzere blog başlığınız ortalandı ise Bloga uygula butonunu kullanarak bu işlemi kaydedip, Blogger’a dön bağlantısını kullanarak ekrandan çıkıyoruz.

Eğer işleminiz gerçekleşmedi ise ilk eklediğiniz kodu siliyoruz ve diğerini ekliyoruz. Yukarıdaki Css Resmi ortalayacaktır. Bu ise metin kullananlar için iş görebilir.

#header-inner {
margin-left: auto;
margin-right:auto;
}

İstediğiniz şekli aldı ise işlemi kaydederek yeni görünümünüz ile kendi kendimize gururlanıyoruz. Kolay gelsin.

Ek Bilgi: Eğer tam olarak durması istediğiniz yeri otomatik olarak değilde el ile ayarlamak istiyor iseniz, yukarıdaki kod içerisinde bulunan auto bölümünü örneğin 100px olarak değiştirdiğinizde değiştirdiğiniz auto hangi marginde ise ( yani left sol right sağ ) o bölümden 100px lik kaydırma yapacaktır.

Sitemizde Yayımlanan İçeriklerin Artması, Daha Çok Sorun Çözümü ve İpucu Görmek İçin Katkıda Bulunabilirsiniz...
1Afo39vmUHdMPNfkxhCKaJW31ykdshxLSm

BTC: 1Afo39vmUHdMPNfkxhCKaJW31ykdshxLSm

9
Kimler Neler Demiş?

avatar
9 Yorum Konuları
0 Konu Cevapları
0 Takipçiler
 
En Çok Tepki Verilen Yorum
En Yeni Yorum Dizisi
2 Yorum Yazarları
SakuraGökhan DemirHüseyin AFACANnerwen44Afocan Son Yorum Yazarları
  Abone Ol!  
En Yeniler Eskiler Beğenilenler
Bildir!
Gökhan Demir
Ziyaretçi

sabahtan beri bu konuyu arıyordum, yazınız için sağolun

Hüseyin AFACAN
Ziyaretçi

sizde zahmet edip yorum attığınız için teşekkür ederim saygılar umarım daha fazla işinize yarayacak şey yazmaya devam ederim =)

nerwen44
Ziyaretçi
nerwen44

Çok yardımcı oldu. Bilgisayardan pek anlamayanlar için gayet açık ve anlaşılır bir dille yazmışsınız. Blog header'ımı değiştirecektim, nasıl yaptığımı unutmuşum. İmdadıma yetiştiniz. Ellerinize sağlık 🙂

Afocan
Ziyaretçi
Afocan

Ne demek efendim yardımcı olabildiysem ne mutlu bana teşekkür ederim

yeniblogger
Ziyaretçi
yeniblogger

sağolasın arkadaşım

blogyazarı
Ziyaretçi
blogyazarı

http://3boyutlogo.blogspot.com/ sahibiyim. Sayende logoyu ortaladım. Teşekkür ederim. Emeğine sağlık. Destek olmak için bir de reklama tıkladım. 🙂

halis
Ziyaretçi
halis

peki hocam aşağı yukarı nasıl kaydırabiliriz

ihsan
Ziyaretçi
ihsan

teşekkürler

Sakura
Ziyaretçi
Sakura

teşekkür ederim. çok işime yaradı