Blogger Tema icin CSS Açılır Menü

CSS Açılır Menü
Bu yazıda, daha önce anlattığım basit yatay menüden daha kopmleks bir menüyü blogunuza nasıl ekleyeceğinizi anlatacağım.



Bu menüyü özel yapan özelliklerden bahsetmek gerekirse; basit menü öğelerinin yanı sıra tek sütunlu ve 2 sütunlu açılır öğeler ekleyebiliyorsunuz.

Güzel tarafı ise tüm bunları Jquery veya Java Script’e ihtiyaç duymadan sadece CSS ile yapabilmemiz.Daha iyi anlamak için oluşturduğum videoyu izleyebilirsiniz.

Şimdi gelelim bu menüyü blogunuza nasıl ekleyeceğinize.Öncelikle Blogger kumanda panelinize giriş yaptıktan sonra Şablon > HTML’yi Düzenle > Devam Et  yolunu izleyerek Ctrl+F tuş kombinasyonunu kullanarak kodunu bulun.Bu kodun hemen altına aşağıdaki kodu ekleyin.

https://dl.dropbox.com/u/60346665/menu-stilleri.css'

media='screen' rel='stylesheet' type='text/css'/>

Sırada HML kodlarını eklemek var.Eklemeniz gereken HTML kodları şunlar:

Google Araçları

• http://www.google.com/reader'>Google Reader

http://www.google.com/analytics/'>Google Analytics

http://www.google.com/intl/tr/webmasters/'>Google Webmasters

Çeşitli

Sosyal Medya

Linkler

• http://ush.re/8za7'>Hürlist

http://ush.re/7uz2'>Yazar Kafe

http://ush.re/wzcr'>Hürriyet

Asıl önemli nokta bu HTML kodlarını nereye ekleyeceğiniz.Blogger’ın  kendi temalarından birini kullananlarla özel bir tema kullananlar için faralı iki seçenek mevcut.

1. Blogger’ın kendi temalarından birini kullanıyorsaız HTML kodlarını 

kodnun hemen üstüne ekleyin.

2. Özel bir Blogger teması kullanıyorsanız HTML kodlarını

  kodunun hemen altına ekleyin.

Menüyü nasıl düzenleyeceğinizle ilgili detaya girmiyorum.Kodlardaki isimleri ve linkleri kendi linklerinizle değiştirin yeter.Takıldığınız yerleri yorum bölümünden sorabilirsiniz.