Tag Archives: Blogspot

Beşiktaş Blogger Tema

Evet arkadaşlar sonunda istediğim gibi bir tema yaptım ve Beşiktaşlıların beğenisine sunuyorum. %100 Made in Benim :) ) Çok yakında diğer takımlarında blogger temalarını hizmete sokacağım emin olabilirsiniz. Hangisine başlamam gerektiğine henüz karar veremedim. Dilerseniz bir oylama yapıp siz değerli okurlarımıza bırakalım ve Yorumlara göre bir tema çıkartalım.

Blogspot – Blogger'da Kategori Oluşturmak

Yeni başlayanlar için yeni bir makale yazmaya karar verdim. Bilenleriniz için blogger’da Kategori seçeneği mevcut değildir. Bunun için biraz uyanıklık yapıp kendi kategorimizi kendimiz oluşturacağız. Ne işimize yarar? Ziyaretçilerimizin daha çabuk erişmek istemesi, site için hoş bir görünüş için kullanabiliriz. Bunun için ;

  1. Blogger Hesabınıza Giriş Yapın
  2. Yerleşim > Sayfa Öğeleri sekmesini tıklayın.
  3. Gatget Ekle’yi seçin.

Etiketler sekmesinin yanındaki (+) sekmesini seçin.

Kategori olarak değiştiriyoruz.

Eğer doğru yaptıysak aşağıdaki gibi sonuç alacaksınız..

Gelelim Kategori başlıklarını oluşturmaya….

Gönderme > Yeni Kayıt

mesajımızı yazdıktan sonra son olarak “Bu kayda yönelik etiketler:” kutucuğa Kategori başlıkları oluşturalım.. ben örnek olarak “Bagatur, Yardım, Test, Blogger ” başlıkları açtım.

Kaydedip gönderdikten sonra aşağıdaki gibi bir sonuç alacaksınız..

Demo : Buyrun Burdan Bakın

İyi bloglamalar Efenim…

Header'i İkiye Bölmek ve Faydalanmak :)

Az önce bir arkadaşımızdan aldığım yardım çağrısına kulak verdim. Hem o arkadaşımız hemde diğer bilmek isteyen arkadaşlarımız faydalansın istedim. Üstbilgi yani Header’ı ikiye bölüp diğer tarafa reklam kodunu veya başka koymak istediğiniz kodları yerleştirebilirsiniz. Bunun için yapmanız gerekenler; (Önemli Uyarı : Şablonun Yedeğini Alın!)

Ben 350 px yapacağım kendi tercihinize göre değiştirebilirsiniz..

  1. Blogger Hesabınıza giriş yapın
  2. Yerleşim > HTML Düzenle >

  • Seçili olan yer Header’ın tam boyutu. Boyutu nerede diyorsanız diye gösteriyorum :)

Buna ek olarak “#header { ” kodunun hemen altına

float:left;
width:350px;

yukarıdaki kodu ekleyin. Aşağıda gösterilen şekilde.

Şimdi Header’ın kalan kısmı için bir style oluşturalım.. Aşağıdaki kodu resim deki gibi yerleştirin.



#header2 {
float:right;
width:250px;
}

Nereye yerleştirdiğimi seçili olarak belirttim.

Bu kısmı dikkatlice takip etmenizi istiyorum. Aksi takdirde yanlış yapacağınız işlem temanızı bozulmasına neden olacaktır.

Başlayalım ;)

  • <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
    <b:widget id=’Header1′ locked=’true’ title=’bagatur (Üstbilgi)’ type=’Header’/>
    </b:section>

  • Yukarıdaki kodu aratıp ( Önemli Not: bagatur olduğundan farklılık gösterir sizin blog başlığınızı aratın. ) ” </b:section> ” kodundan hemen sonra, aşağıdaki kodu yapıştırın

Büyültmek için resimi tıklayın.

<b:section class=’header’ id=’header2′ maxwidgets=’1′ showaddelement=’yes’>
<b:widget id=’HTML1′ locked=’false’ title=” type=’HTML’/>
</b:section>

Şablonu Kaydedin.

Eğer bütün talimatları uyguladıysanız aşağıdaki gibi bir görüntü alacaksınız.


Büyültmek için resmi tıklayın

Demo : Bagatur
Evet işlem bitti. Eğer bir sorunla karşılaşırsanız iletişime geçmekten çekinmeyin.

İyi Bloglamalar Efenim