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:

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

Editör :  themesector.com

Ö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..

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.

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.)

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