Boulevard Blogger Teması

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:

İNDİR

DEMO

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