13 Ekim 2015

Blog Tasarım-Kendin yap:Ortalama Kodları

Zaman zaman blogumuzda yeri gözümüzde pek hoş durmayan detaylar olur..Kayıt başlığı,kenar başlıkları gibi özellikleri 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 HAZIR ŞABLON KULLANANLAR İÇİN:


İlgili kodları KUMANDA PANELİ>YERLEŞİM>Şablon tasarımcısı>CSS Ekle bölümüne ilgili kodu yapıştırarak kod aktif hale gelebilmektedir.


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;}


YAYINBAŞ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;
}


Daha fazla bilgi veya yardım için yorum kutusunu kullanabilirsiniz..Konu ile ilgili olmayan sorularınızı SORU SOR bölümüne iletebilirsiniz..

Sevgilerimle ;)
Değmesin Yağlı Boya
Değmesin Yağlı Boya

Değmesin Yağlı Boya bir hayat blogudur yani hayatta ne varsa burda da vardır.Konular özenle seçilir güvenle okuyucularıma sunulur çoğunlukla da hepimize iyi gelir,yayınlar özgün ve orjnaldir kopya yapılmaz yapılmasına rıza gösterilmez :)

16 yorum:

  1. Bloglarımızı görsel olarak daha iyi bir hale getirmemize yardımcı oluyorsunuz böyle yazılarla çok teşekkürler :)

    YanıtlaSil
    Yanıtlar
    1. İstifade edebiliyorsaniz ne mutlu bana ;)

      Sil
  2. Çok teşekkürler, emeğinize paylaşımınıza sağlık. Sayenizde çok daha düzenli oldu bloğum. Şablonları uyguladım, çok güzel oldu. Tekrar teşekkürler, sevgilerimle

    YanıtlaSil
  3. Süper! Hepsini bildim de, şu sayfalar'ı ortalamayı bir türlü bilememiştim. Teşekkür ederim.. :)

    YanıtlaSil
  4. yaaa nolur daha sık böyle yazılar yazın.. Ellerinize emeğinize sağlık harikasınız :***

    YanıtlaSil
    Yanıtlar
    1. İyi bir sonuç almanıza sevindim..sevgiler.

      Sil
  5. devamını yazı butonunu nasıl ortalayabiliriz acaba?

    YanıtlaSil
  6. Devamı yazısı butonu html kodu ile mi oluşturuldu yoksa resim olarak mı eklendi?

    YanıtlaSil
    Yanıtlar
    1. şöyle görünüyor:

      http://birbardakcaybirtazenefes.blogspot.com.tr/

      Sil
    2. Evet gördüm ..yayın yazıları genişliğinde beyaz bir zemin hazırlayın bu beyaz zemine resmi aktarabilirsiniz böylece resim tam yazının ortasında yer alacaktır ..kod ile oluşturulmuş olsaydi bunun için size bir kod verebilirdim.

      Sil
    3. yani resmi genişleteyim. çok teşekkür ederim. bunu bile o kadar zor yaptım ki. çok sağ olun :)

      Sil
    4. oldu ya çok teşekkür ederim :) çok yardımcı oldunuz

      Sil
  7. Süpersiniz kaç zamandır bunu arıyordum :)

    YanıtlaSil