Şimdi ise yazılarımızı kutu şekline almayı sizlerle paylaşacağım.
Ön izleme olması açısından aşağıdaki resimler yararlı olacaktır:
Evet gelelim Nasıl yapıldığına.
Herhangi bir değişiklik yapmadan önce şablonunuzun yedeğini almayı ihmal etmeyin…
Şimdi blogger hesabınıza giriş yapın.Yerleşim>>>Html düzenle kısmına gelerek asagıdaki kodu buluyoruz:(CTRL+f tuşları yardımyla)
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
}
Bu kodu bulduysanız kodunuzu aşağıdaki şekilde değiştiriyoruz:
h2.date-header {
margin:1.5em 0 .5em;
background:#FFDEAD;
border: 1px solid #E9967A;
padding-right:7px;
padding-left:7px;
}
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
background:#FFDEAD;
border: 1px solid #E9967A;
padding-right:7px;
padding-left:7px;
}
Son bir uygulama daha.Eğer yazılarınızın arka planına resim eklemek istiyorsanız yapmanız gerekn çok basit.
background:#FFDEAD; kod satırını şu şekiilde değiştirinEvet şimdi kısa bir toparlama yapmak gerekirse diyelim ben yazılarımın arka planına bir resim ekleyecem ve yazılarımı birbirinde ayıran çerçevenin renginin de siyah olmasını istiyorum.Eklemem gereken kod:
background:url(RESİM URL NİZ);
h2.date-header {
margin:1.5em 0 .5em;
background:#FFDEAD;
border: 1px solid #E9967A;
padding-right:7px;
padding-left:7px;
}
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
background:url(http://static-p3.fotolia.com/jpg/00/02/63/26/400_F_2632672_
OTz0AK89JxkGQE1gM9J7mQs2BUnxF3.jpg);
border: 1px solid #000000;
padding-right:7px;
padding-left:7px;
}
Ön izleme için http://ehl-iblog-deneme.blogspot.com/ adresine bakabilirsiniz.
Elimden geldiğince ayrıntılı bir şekilde açıklamaya çalıştım.Aklınıza takılan bir sorun olursa yorum bölümünde sorabilirsiniz….
Bisey daha sorsam , blogger in yeni ozelligi olan sayfa eklemeden faydalanip bir sayfa ekledim, yeni actigim bu sayfaya ayri ayri notlar nasil eklerim acaba >?
YanıtlayınSiltesekkuler..
Ayrı ayrı not derken neyi kastettiniz?Posting sekmesi altında Edit PAges sekmesi ile sayfanızı düzenleyebilirsinz.
YanıtlayınSilee hani yeni sayfa ekliyoruz ya bloga o sayfada ekledigim tum yazilar ayni sayfdada gorunuyor, yani ben yeni sayfaya ekledigim her yazinin ayri kutularda gorunmesini istiyorum ama olmuyo , anca ana sayfada ayyri kutularda gorunuyo yeni sayfalardda gorunmuyor.
YanıtlayınSilO sayfada gorunsun ama ayri kutularda olsun yani ?
Nasil yaparim acaba bi fikriniz varmi ?
Tesekkurler..
Dediğiniz gibi bu kod anasayfada ayrı kutu şeklinde gösterilmesi için.Ama sayfa olayını ben bilmiyorum aslında gerek var mı onu da bilmiyorum.Yani sayfa deyince benim aklıma hakkında, iletişim sayfası gibi bir durum geliyor.
YanıtlayınSilMesela ornek veriyorum sizin blogunuzda Blogger ipuclari sayfasina girdigimde konular ayri basliklar altinda toplanmis bunu nasil yaptiniz acaba,baska bi yontemi varmi bunun ?
YanıtlayınSilTesekkurler..
Tamam şimdi oldu.Bu konu hakkında önümüzdeki günlerde yazacağım.
YanıtlayınSilTesekkurler bekliyorum..
YanıtlayınSilBide sitenizin anasayfasinda slayt i nasil yaptiginizi sormustum ?Tesekkurler..
YanıtlayınSilBu soruyu sizden ilk kez duydum.Daha önce yorum yaptıysanız bna gelmedi.Neyse slayt olmasını istiyorsanız slaytlı tema mevcut onları seçebilirsiniz.Ama ben mevcut temama slayt eklemek istiyorum derseniz biraz kod bilgisi gerekecek.istediğiniz yerlere yerleştirmek falan.Biraz uğraştıracaktır gibi geliyor.Renk Tonlarını ayarlayacaksınız yerleşimi ayarlayacaksınız.Slayt kodlarını bulmakta sorun yok
YanıtlayınSilEvet yazımı tamamladım.Burada ulaşabilirsinz
YanıtlayınSilhttp://ehl-iblog.blogspot.com/2010/09/etiket-ve-arsiv-sayfalarnzda-sadece-yaz.html
yazinizda anlattiklarinizi uyguladim ama malesef olmadi, bu istlemi yaptiktan sonra normalde gorunen yazilarimda gorunmemeye basladi ..?
YanıtlayınSil:(
Son yazdığım yazımdan bahsediyorsanız yorumlar ilgili kısımdan devam etsek iyi olur.
YanıtlayınSilSayın blog ehli, şimdilik bu konuyla bir alakam yok ben birşey danışmaya geldim. Ben gariban,teknolojiden pek anlamayan bir blog yazarıyım.Ne oldu nasıl olduysa blogta bir haltlar karıştırdım,Blog sayfamı açtığımda sağ kenarda epeyyyce bir boşluk var. Sol kenarda bulunan boşlukla sağ kenarda eşit değil ve bu beni çok rahatsız ediyor. Baktım,birçok blogta aynı durum sözkonusu.Genişlik ayarlamada denedim her türlü genişlik değişti ama o sabit kaldı bir türlü işin içinden çıkamadım. Ehline danışmak geldi aklıma çünkü birçok şeyi sizin yazdıklarınızdan takip ederek ayarladım. Şimdi ben bu sorunu nasıl çözebilirim?Bloğuma girip bakarsanız görürsünüz zaten. Siz de öyle bir durum yok.Çok recaa ediyorum yardım ediniz.İyi geceler efem.
YanıtlayınSilgüzel yorumlarınız için teşekkür ederim.Şimdi blogunuza girdim ama dediğiniz gibi bir durumla karşılaşmadım.Yazılarınız gayet ortalı duruyor.Sağ ve soldaki boşluklar eşit.Bir sorun yok gibi.Siz blogunuzun ekran görüntüsünü alıp gönderebilir misiniz?
YanıtlayınSilSayın blog ehli, biraz garip gelecek size ama siz gayet normal diyince masa üstü bilgisayarı açtım baktım hakikaten boşluklar eşit. ben ufacık tabletten giriyorum yazılarım ordan takip ediyorum,ekran küçük diye sanırım bana öyle göründü. Ama büyük ekranda hakikaten hiçbir sorun yok. Meşgul ettiğim için özür dilerim.Çok teşekkürler. Soru sorunca cevap veren nadir blog yazarlarındansınız. Kolaylıklar diliyorum...
YanıtlayınSilÇok teşekkür ederim.Sorununuzu çözdüysek ne mutlu bana.İyi Çalışmalar...
YanıtlayınSil