Boulevard Blogger Teması

2 dakika


36
8 Paylaşım, 36 Beğeni

Merhaba arkadaşlar bu sefer sizlere yeni bir temayı tanıtacağım. Bu tema ile bir çok temayı bir arada bulabileceksiniz. Öncelikli olarak bir sliderı mevcut. Siyah ve beyaz renklerin hakim olduğu temada menü kısmında alta doğru açılan menüler mevcut.

Öncelikle temayı indirelim:

Paylaşımcı firma :  www.soratemplates.com

Editör :  themesector.com

Slider kısmını ayarlamak:

Öncelikle blogger panelinize giriş yapıyorsunuz  –> tema –> HTML’yi düzenle. Aşağıdaki kodları buluncaya dek arayın ve ya kodların bir bölümünü kopyalayıp ctrl + f yardımı ile temada bulun.

  • <div id='featured-wrapper'>
     <div class='slider'>
     <a href='#'><img src='/image.jpg' title='#htmlcaption_66'/></a>
     </div>
    ..........
     <div class='slider-text nivo-html-caption' id='htmlcaption_66'>
     <div class='slider-heading'>
     <h2><a href='#'>Battlefield 3 multiplayer review</a></h2>
     <p>Lorem ipsum dolor sit amet...</p>
     </div>
     </div>
    ..........

Şimdi aşağıda bulunan # kodu kendi kodunuz ile düzenleyin.

  • “#” Sizin yazınızın URL’i ile bu kısmı düzenleyin.
  • “image.jpg” Buraya sizin eklemek istediğiniz resminiz gelecek. Url olarak..



Açılır kapanır menüyü düzenlemek;

Blogger paneline giriş yapıyoruz. –> Tasarım –>  HTML’yi düzenle. Şimdi CTRL+f yaparak aşağıdaki kodları araştırıyoruz.

  • <div id='navigation'>
     <ul class='menu' id='menu-main'>
      <li><a href='#'>Home</a>
       <ul class='sub-menu'>
        <li><a href='#'>Blog Style</a></li>
    ..........

Kodları buldunuz mu ?

Eğer öyleyse “#”  bu kodu menüde görünmesini istediğiniz kategori url’niz ile düzenleyin.

Header’deki banneri nasıl düzenleyip, kendi bannerimi koyabilirim.

Aşağıdaki kodları bulun (CTRL +F)

  • <div id='header-banner'>
    <a href='#'><img src='/header-banner.jpg'/></a>
    </div>

Şimdi düzenleyin:

  • “#” bunun yerine sizin url adresiniz (örn: www.sosyofikir.com)
  • “header-banner.jpg” buraya sizin header banner adresiniz.



Widgetlerin isimlerini nasıl düzenleyebilirsiniz.

Bu kodları bulun:

  • <ul class='tabs'>
     <li class='active'><a href='#tab1'>Popular</a></li>
     <li><a href='#tab2'>Comments</a></li>
     <li><a href='#tab3'>Tags</a></li>
    </ul>

Şimdi yandaki başlıkların yerine istediğinizi yazabilirsiniz. “Popular”, “Comments” and “Tags” (“Popüler, yorumlar, etiketler vb.)

Sayfa navigasyonu için
Aşağıdaki kodları arayınız:

  • var posts=4, // Number of posts in each page
        num=2, // Number of buttons will display

Beğendiniz mi? Arkadaşlarınızla Paylaşın!

36
8 Paylaşım, 36 Beğeni

Sizin Tepkiniz Nedir?

Beğendim Beğendim
0
Beğendim
Beğenmedim Beğenmedim
0
Beğenmedim
Şaşırdım Şaşırdım
0
Şaşırdım
Güldüm Güldüm
0
Güldüm
İnanılmaz İnanılmaz
0
İnanılmaz
Kızdım Kızdım
0
Kızdım
Oha Oha
0
Oha

0 Yorum

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bir format seç
Kişisel Test
Kişisel bir şey ortaya koymayı amaçlayan sorular dizisi
Basit Test
Bilgiyi kontrol etmek isteyen doğru ve yanlış cevaplı sorular dizisi
Anket
Karar verme ya da görüş belirleme/oy verme
Serbest Yazı
Yazılarınıza Görseller Bağlantılar Ekleyebilirsiniz
Liste
Klasik İnternet Listeleri
Geri Sayım Listesi
Klasik İnternet Geri Sayım Listeleri
Açık Liste
Kendi öğenizi gönderin ve en iyi sunum için oy verin
Oylanabilir Liste
En iyi liste öğesine karar vermek için yukarı veya aşağı basın