Float Blogger Teması

Yeni bir orjinal tema paylaşımı ile karşınızdayım.Bu temanbın ismi ise Float.Blogcuların kullandıüı temalar birbrine o kadar benziyor ki böyle usta tasarımcıarın elinden çıkan orjinal bir tema ile karşılaştıımda çok hoşuma gidiyor ve paylaşma ihtiyacı duyuyorum.

 

Float Blogger Teması

DemoDownload

 

Üstteki yatay menüyü düzenlemek için şanblondan şu kodlrı bulun:

 

<ul class='menu' id='menu-menu'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Styling</a></li>
<li><a href='#'>Drop-down</a>
<ul class='sub-menu'>
<li><a href='#'>News</a></li>
<li><a href='#'>Video</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Some Link</a></li>
</ul>
</li>
<li><a href='#'>Archives</a></li>
<li><a href='#'>Contact</a></li>
</ul>

 

Menüdeki her bir öğeyi şu şekilde düzenleyeceksiniz:

 

<li><a href='Açılacak link'>Öğenin adı</a></li>

 

Düzenlemeniz gereken diğer bir yer ise sosyal butonlar.Bunun için şablondan aşağıdaki kodları bulun:

 

<ul>
<li><a href='#' id='dribbble'>Dribbble</a></li>
<li><a href='http://facebook.com' id='facebook'>Facebook</a></li>
<li><a href='#' id='flickr'>Flickr</a></li>
<li><a href='http://twitter.com' id='twitter'>Twitter</a></li>
<li><a href='#' id='google'>Google+</a></li>
<li><a href='#' id='tumblr'>Tumblr</a></li>
<li><a href='#' id='pinterest'>Pinterest</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' id='rss'>RSS</a></li>
</ul>

 

Her bir sosyal ağın önündei # işareti yerine o sosyal ağa ait adresinizi yazın.Örneğin:

 

<li><a href='http://twitter.com/bloghocam' id='twitter'>Twitter</a></li> gibi

 

Eğer listedeki sosyal ağlar arasında hesabınız olmayanlar varsa o satırı tamamen silebilirsiniz.

23 yorum:

  1. Çok güzel bir tema not aldım elbet bir gün ihtiyaç duyarım :D Teşekkürler

    YanıtlaSil
  2. Bunu genişletmek mümkün mü hocam yazı alanı çokça dar göründü bana,mümkün mü?

    YanıtlaSil
  3. güzel bir tema kendi siteme uygulamayı düşünüyorum bakalım nasıl olacak

    YanıtlaSil
  4. Kimse dikkat mi etmedi:)indirme linkindeki tema Unite diye bir tema bu resimdeki tema değil?yanlışlıkla olmuş sanırım

    YanıtlaSil
  5. güzel tema hocam eline saglık

    YanıtlaSil
  6. Kusura bakmayın yanlış indirme linki eklemişim, benim hatam.Düzelttim.

    YanıtlaSil
  7. öğrenmek istiyo7 Ağustos 2012 23:20

    resimlerin geçtiği bölümü nasıl değiştireceğiz hocam

    YanıtlaSil
  8. öğrenmek istiyo7 Ağustos 2012 23:23

    ilk koyduğunuz tema için sordum

    YanıtlaSil
  9. temayı kullanıyorum.fakat etiket bölümü demo'daki gibi olmuyor.Nasıl yapabiliriz ?

    YanıtlaSil
  10. @Ramazan ALTINTOP
    Etiketleri bulut olarak göstermelisiniz.

    YanıtlaSil
  11. web_developer_eklentisi çok denedim. Ne kadar uğraştıysam olmadı. Görüntüden daha dar. Birisi Allah rızası hangi css kodunu kullanarak genişletirim ?

    YanıtlaSil
  12. Temayı yüklerken hata alıyorum, neden acaba?

    YanıtlaSil
  13. Teşekkürler bu güzel tema için hocam... ama bir sorum olacak; başlıkları değiştirmek istediğimde Türkçe karakterleri kabul etmiyor. Bunu nasıl düzeltebilirim?

    YanıtlaSil
  14. @burak özyürek
    Başlıklarda font face kullanılmış ve kullanılan font türkçe karakterleri desteklemiyor.Şablonda şu kodu bulun:

    .post h3 {
    font-family: Oswald,Arial,sans-serif;

    buradaki oswald yerine türkçe karakterleri destekleyen bir font ismi girin.Örneğin verdana.

    YanıtlaSil
  15. Merhabalar,

    Tema çok hoş güzel ama bir sorunum var. Yazı alanı biraz dar görünüyor. Nasıl genişleteceğiz ?

    YanıtlaSil
  16. @Uğur Korkmazyürek
    #main-wrapper { float: left;width: 63%;} satırındaki değeri arttırmayı dene.

    YanıtlaSil
  17. Merhabalar,

    Söylediğiniz gibi yazı alanı genişliyor. Fakat yan menü alta kayıyor.

    YanıtlaSil
  18. #sidebar-wrapper genişliğini de düzenlemek gerekir. Temalarda her hangi bir wrapperda yapılan genişlik değişkliği diğer tüm wrapperlarıda etkiler. O yüzden en güzeli temayı orijinal haliyle kullanmak.

    YanıtlaSil
  19. Karıştırdıkça çorba gibi oldu zaten :D

    YanıtlaSil
  20. Uzun zamandır dar alana sahip, kişisel bloğuma uyacak bir tema arıyordum Serdar ağabey, çok teşekkürler paylaştığın için :)

    YanıtlaSil
  21. Hocam ben blogumun yazılarının arasında bu şekilde boşluklar olmasını istiyorum ne yapmalıyım ?

    YanıtlaSil
  22. hocam halen buralarda mısınız?

    YanıtlaSil

Blogger tarafından desteklenmektedir.