4 Aralık 2017 Pazartesi

Ana Başlık/Blog Başlığı/Yayın Bağlışı/Kenar Eklenti(Sidebar) Ortalama Kodları


Zaman zaman blogumuzda yeri gözümüzde pek hoş durmayan detaylar olur..örneğin bir eklentinin veya yayınbaşlığının ortada durmayışı gibi..Kayıt başlığı,kenar başlıkları gibi eklentileri ortalamak için kodlardan yardım alabilir görsel olarak pek  fark edilmese de bu küçücük değişiklikler blogumuzu daha profesyonel gösterebilir..
Aşağıda yer alan bir çok koddan faydalanabilirsiniz dostlar..

ÖNEMLİ NOT:Blogger CSS bölümünden eklenen kodlar çalışma süresi boyunca kaldırılabilir,harici hazır şablon kullanan ve kodları b:skin bölümüne ekleyecek olan arkadaşlar ŞABLONLARINI YEDEKLEMEYİ lütfen ihmal etmesinler..

BLOGGER  ŞABLON-TEMA KULLANANLAR İÇİN:

CSS Ekle bölümüne ilgili kodu yapıştırarak kod aktif hale gelebilmektedir.



İhtiyacımzı olan kodları KUMANDA PANELİ>YERLEŞİM>Tema tasarımcısına girdikten sonra;


Gelişmiş>CSS Ekle bölümüne ekliyoruz.

BLOGGER HARİCİ ŞABLON KULLANANLAR İÇİN ŞABLON KODLARINDAN ]]></b:skin> KODUNU ARATARAK BU KODUN TAM ÜSTÜNE İLGİLİ ORTALAMA KODUNU EKLEYEBİLİRLER.




ANA BAŞLIK(header)RESMİNİ ORTALAMA KODU

#header-inner img {margin: 0 auto;}


BLOG BAŞLIĞI ve BLOG TANIMINI ORTALAMA KODU

#header-inner {text-align: center;}


YAYIN BAŞLIĞINI ORTALAMA KODU

.post-title {text-align:center;}


YAYIN TARİHİNİ ORTALAMA KODU

.date-header {text-align:center;}


KENAR EKLENTİ BAŞLIKLARINI ORTALAMA KODU

.section-columns h2, #sidebar-right-1 h2, #sidebar-left-1 {text-align: center;}

KENAR EKLENTİLERİ ORTALAMA KODU(tümünü)

.main-inner .column-left-inner, .main-inner .column-right-inner {text-align: center;}

MENÜ (tabs-sayfalar)ORTALAMA KODU

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

YAYIN ALT BÖLÜM ORTALAMA KODU(yorumlar-sosyal paylaşım butonları vs..)

.post-footer {
text-align: center;
}


Sevgilerimle ;)


Kiremithanem
Kiremithanem

”Bu Dünyada Çiçeklere Bakmak İçin Cehennemin Çatısında Yürüyoruz,Haydi Gelin,Çatıya Çıkalım!”

8 yorum:

  1. Sizde galiba meraklısınız blog tasarımına. 😊

    YanıtlaSil
    Yanıtlar
    1. Bulunduğum yeri güzelleştirmeyi severim diyebiliriz buna❤

      Sil
  2. Elinize sağlık çok iyi bir çalışma bu.. ilk zamanlar ne uğraşmıştım, sil yap sil yap :) yeni başlayanlar için mükemmel..

    YanıtlaSil
  3. Blog düzenini sağlamak için ortalama kodları çok işe yarıyor.Kodlamaya yeni başlayanlar için faydalı bir içerik olmuş.Emeklerine sağlık arkadaşım😊💝

    YanıtlaSil
  4. faydalı öneriler
    emeğine sağlık

    YanıtlaSil
  5. Bende sıkıldıkca yeniden silip yapıyorum kodlar elimden çok çekiyor :)

    YanıtlaSil