Dersimiz Blogger 2 - Orta Düzeyde Blogger İpuçları - 2.Bölüm

**Bydvt_** · #1

Merhabalar.Bir iki gün önce blogger siteleri için "Dersimiz Blogger .com 1" adlı derste blogger için en genel ve gerekli bilgileri verdim.Bugünde buna karşılık biraz daha alt yapı kazanmış siteler için b:if else yapınsından, blogger yazı alanı yorum alanı sidebar alanı vs.'den bahsedeceğim.Ayrıca ek olarak blogger siteleri için meta taglardan vs bahsedeceğim.

İlk Önce Blogger b:if else yapısı.

Bu bloggerda sayfalara eklediğiniz kod yada diğer yazılarda kolaylık sağlamanıza yarayan bir yapıdır.Bu yapı ile istediğiniz sayfada yayınlayıp istediğiniz sayfada yayınlama hakkına sahip olacaksınız.Bu b:if else yapısı ile bir çok blogger hackli yapılıyor.Başlık düzenlemeyi bile bu yapı ile yapıyorsunuz.Bir örnek ile çaıklayalım.
Mesela siz bir yazıyı sadece arşiv sayfalarında göstermek istiyorsunuz.Bunun için yapmanız gereken şey şu kodu eklemeniz.

Kod:

<b:if cond='data:blog.pageType == "archive"'>
Ekleyeceğiniz yazı buraya.R10.NET
</b:if>

bakın bu kod şuna yarıyor.Arşiv sayfalarında bu kodu göster.diğer sayfalarda gösterme.
peki siz arşiv sayfası dışındaki sayfalarda göstermek istiyorsanız ? o zamnda yukarıdaki 2 tane "==" (eşittir-ler) den birini "!" (ünlem) ile değiştirmek yani yeni kod.

Kod:


	Kod:
	<b:if cond='data:blog.pageType != "archive"'>
Ekleyeceğiniz yazı buraya.R10.NET
</b:if>

işte bu kod ilede arşiv sayfası dışındaki tüm sayfalarda gösteren kod.
Fakat bu iki kod yani arşivde-arşiv olmayan yerde kodunu kısaca şu şekilde yapıyorsunuz.

Kod:

<b:if cond='data:blog.pageType == "archive"'>
burası sadece arşiv sayfalarında görünecek.
<b:else/>
burası ise arşi haricindeki tüm sayfalarda.
</b:if>

İşte b:if else yapısı bu işte bu b:if else yapısında bulunan kodlar.

Kod:

<b:if cond='data:blog.pageType == "item"'> yazı sayfaları ise
<b:if cond='data:blog.pageType != "item"'> yazı sayfaları değilse
<b:if cond='data:blog.pageType == "index"'> ana sayfa ise
<b:if cond='data:blog.pageType != "index"'> ana sayfa değilse
<b:if cond='data:blog.pageType == "archive"'> arşiv sayfası ise
<b:if cond='data:blog.pageType != "archive"'>arşiv sayfası değilse
<b:if cond='data:blog.pageType == "static_page"'>yazı sayfaları ise
<b:if cond='data:blog.pageType != "static_page"'>yazı sayfaları değilse
<b:if cond='data:post.isFirstPost'>ilk yazı anlamına geliyor.
<b:if cond='data:blog.url == data:blog.homepageUrl'>ana sayfa ise

İşte b:if else yapısı bu işte bu b:if else yapısında bulunan kodlar.

Şimdi sıra Blogger.com da Ana Bölüm Alanlarında

Bu tema yapımında kullanılan en önemli blogger alanları ile ilgili css düzenlemeleri.Bunun için birde resim çizdim

hiç işim yokmuş gibi..Neyse resimde gerekli alanları gösterdim.
İşte blogger'daki ana öğelerde bunlar.Bunları düzenlemek için temadaki düzenlenmesi gereken kodlar ise şöyle.
Bu gördüğünüz outer bazı temalarda content olarak yer alıyor.Bu temamızı çepeçevre saran css kodu.

Kod:

#outer-wrapper {
        width:970px;
        background:#fff;
        margin: 5px auto 1px auto;
        padding: 0 0 1px 0;
}

Şimdi sıra headerde buda tüm temanın en üst kısmı bunu düzenleyen css kodu.

Kod:

#header-wrapper {
    float: center;
    width: 958px;
        height: 89px;
        background: #0099cb;
        margin:1px auto;
        padding: 2px 0 2px 1px;
        text-decoration:none;
        background:url(...image.gif) repeat-x;
}

Şimdide yazı alanını nasıl genişletiriz ona bakalım.

Kod:

#main-wrapper {
    float: left;
    width: 550px;
        padding: 6px 10px 10px 10px;
        text-align:justify;
        background: #fff;
        margin:0 auto 1px auto;
}

Son olarakda sidebar alanı ve footer alanı.

Kod:

#sidebar-wrapper {
    float: right;
    width: 380px;
    margin: 1px 0 0 2px;
        background:#fff;
        border-left: 3px solid #fff;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        border-top: 3px solid #fff;
}

ve footer alanı ise şu şekilde :

Kod:

#footer-wrapper {
    clear: both;
    width: 966px;
        hight: 60px;
        background:url(http://i44.tinypic.com/14x166o.png) repeat-x;
        padding:10px 0;
        margin:0;
}

işte gördüğünüz blogger bölümleri.Buradaki alanları genişletmek yada küçültmek için ise width ve hight değerleri ile oynuyorsunuz fakat dikkat edin mesela yazı alanını genişlettiğinizde sidebar alanını küçültmeniz gerek yoksa düze bozulur.
Bunları anlattıktan sonra istek olarak gelen seo ayarlarına bakalım.Şimdi blogger için temel olarak uygulanan bir kaç seo elementi var

Bunlardan bir tanesini diğer yazımda anlatmıştım fakat burada tekrar vereyim.Blogger'da ilk önce başlıklarımızı seoya uygun hhale getirelim ve bunun için ise şu adımları uygulayın.

İlk önce blogger html düzenle kısmına geliyoruz.Ve daha sonra şu kodu buluyoruz

Kod:

<title><data:blog.pageTitle/></title>

ve bu kodu silip yerine şu kodu yapıştırıyoruz.

Kod:

<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/>-<data:blog.title/></title></b:if>

şimdi ise blogger için meta taglara değinelim.Blogger için bildiğiniz üzere description ve keywords tagı ekleniyor fakat alt sayfalara eklenmiyor.Ama bununda artık bir çözümü var.Her ne kadar keywords meta tagı pek bir işe yaramasada ben göstereyim.

Kod:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Ana sayfada bulunması gereken site tanıtımı.' name='description'/>
<meta content='ana sayfada bulunması gereken keywod meta tagı.' name='keywords'/>
</b:if>

bu gördüğünüz kodlar sadece ana sayfada bulunması gereken kodlardı şimdi ise alt sayfalara değişik metalar ekleyerek sayfayı seoya uyumlu hale getirelim.

Kod:

<b:if cond='data:blog.pageType == "item"'>
<meta content='yazı sayfalarında bulunması gereken site tanıtımı.' name='description'/>
<meta content='yazı sayflarında bulunması gereken keywod meta tagı.' name='keywords'/>
</b:if>

işte buda sadece yazı sayfalarında bulunması gereken kodlardı eğer arşiv içinde eklemek isterseniz bu b:if else yapısına arşiv için gereken kodu koyun ve arşiv sayfasınada kod ekleyin

Bugünlükde bu kadar

Sanırım Blogger Ders 3'üde anlatacağım.Bunun için lütfen anlatılmasını istediğiniz konu yada konuları başlık altına yazın.Hemn anlatayım..

Not:Bu yazı sadece r10'da yayınlanmıştır.Kaynak olarak gösterilmesi zorunludur.
Not:Konu ile ilgili soru ve görüşleriniz için cevap yazınız.

~~SSessizCrew~~ · 2 07-10-2009, 22:15:21

Şahane bir anlatım Daha teşekkurler : ) gerçekten

**Bydvt_** · 3 08-10-2009, 18:38:07

Alıntı:

SSessizCrew Nickli Üyeden Alıntı

Şahane bir anlatım Daha teşekkurler : ) gerçekten

teşekkürler,lütfen olumlu/olumsuz/öneri/ için mesaj attınız.

burakscan · 4 08-10-2009, 19:24:21

Harika bir anlatım .Bilinmeyen birkaç noktaya değinmişsiniz. +

**Bydvt_** · 5 08-10-2009, 20:29:21

Alıntı:

burakscan Nickli Üyeden Alıntı

Harika bir anlatım .Bilinmeyen birkaç noktaya değinmişsiniz. +

teşekkürler.Bakalım bunu başka beğenen olacak mı ? eğer beğenen olursa 3'üde yayınlamayı düşünüyorm.

**LordSebbo** · 6 08-10-2009, 20:30:57

Anlatım için teşekkürler. İşime yarayacak.

**Bydvt_** · 7 08-10-2009, 20:51:52

Alıntı:

LordSebbo Nickli Üyeden Alıntı

Anlatım için teşekkürler. İşime yarayacak.

teşekkürler.evet arkadaşlar önerisi yada konu isteği olan yok mu ? yardım edebilirim.

Safak_Sebastian · 8 08-10-2009, 21:46:32

Güzel bilgiler için teşekkürler

**Bydvt_** · 9 09-10-2009, 18:33:28

Alıntı:

Safak_Sebastian Nickli Üyeden Alıntı

Güzel bilgiler için teşekkürler

ben teşekkür ederim ne demek

evet başka yorumu olan yok mu ? konu isteği ?

gokhans19 · 10 09-10-2009, 18:47:27

Benim isteğim şu: Bir yazının başlık rengini değiştirmek için cssde hangi kodu bulmak lazım. Mesela blogda yazı başlıkları siyah. Ben kırmızı yapmak istiyorum. Hangi kodu değiştirmem gerekiyor?

Article Tools
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder

Dersimiz Blogger 2 - Orta Düzeyde Blogger İpuçları - 2.Bölüm

Comments