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

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

Tepkiniz nedir?

Çok Eğlendim Çok Eğlendim
0
Çok Eğlendim
Deneme Deneme
0
Deneme
Beğendim Beğendim
0
Beğendim
Yarıldım Yarıldım
0
Yarıldım
Sinirlendim Sinirlendim
0
Sinirlendim
hate hate
0
hate
Kafam Karıştı Kafam Karıştı
0
Kafam Karıştı
Fail Fail
0
Fail
Çalışkan Çalışkan
0
Çalışkan
Lol Lol
0
Lol
Aşık oldum Aşık oldum
0
Aşık oldum
Aman Tanrım Aman Tanrım
0
Aman Tanrım
Korktum Korktum
0
Korktum
Rahatladım Rahatladım
0
Rahatladım
OHA OHA
0
OHA
sosyofikir
Mimarlık Fakültesi sonsınıf öğrencisi, mimar adayı. :) 2010'dan beri sosyofikir.com blogumla yayın yapıyorum. Sosyal, müzik, felsefe, psikoloji, güncel, yaşam ve daha bir çok konuyla yakından ilgileniyorum. Siz değerli okurlarıma elimden geldiğince güzel içerikler sunmaya çalışıyorum. Hatamız olursa affola :)

0 Comments

Bu yazılarımızda ilginizi çekebilir..

More From: Blogger

DON'T MISS

Bir format seç
Kişisel Test
Kişisel bir şey ortaya koymayı amaçlayan sorular dizisi
Önemsiz Test
Bilgiyi kontrol etmek isteyen doğru ve yanlış cevaplı sorular dizisi
Anket
Karar verme ya da görüş belirleme/oy verme
Hikaye/Olay
Gömülü ve Görsellerle Biçimlendirilmiş Metin
Liste
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Açık Liste
Submit your own item and vote up for the best submission
Oylanabilir Liste
Upvote or downvote to decide the best list item
Video
Youtube, Vimeo veya Vine Kodları
Ses
Soundcloud or Mixcloud Embeds
Görsel
Fotoğraf veya GIF
GIF
GIF Formatı