Blogger Açılır CSS Menu Eklentisi

• Blogunuza sade bir yan menu ekler.

1. Blogger kontrol panelinizdeyken sırasıyla " Yerleşim >> Gadget ekle " tıklıyoruz. 
2. Gelen mini pencereden " HTML/JavaScript ekle "ye tıklıyoruz. 
3. Açılan pencereye aşağıdaki kodları ekliyoruz.

<ul id="menu">

<li class='home'>
          <a href='/'>
          <img src='https://lh3.googleusercontent.com/-DlPCb0SHsGY/VXr0fIRWEZI/AAAAAAAAQ5M/02JE7GTkTYU/h120/anasayfa.png' />  ANASAYFA
          </a>
        </li>
        <li class='second'>
          <a href='search?q=blogger'>
          <img src='https://lh3.googleusercontent.com/-_gP2Be7ZYI8/VNev3wqcH2I/AAAAAAAAP7g/XVUZyKERpg8/h120/blogger.png'/>  BLOGGER
          </a>
          <ul class='menus'>
          <li><a href='http://metamorpheuss.blogspot.com/search/label/tema'><img src='https://lh4.googleusercontent.com/-kd7_u5ekjPA/VNev3hvyCZI/AAAAAAAAP7c/s5RnQ83jyVQ/h120/blogger-temalari.png'/>Blogger Temalar</a></li>
<li><a href='http://metamorpheuss.blogspot.com/search/label/eklenti'><img src='https://lh5.googleusercontent.com/-rTaGj7iQv20/VNev3PhF0pI/AAAAAAAAP70/U7PVHldJ0wc/h120/blogger-eklentileri.png'/> Blogger Eklentileri</a></li>
<li><a href='http://metamorpheuss.blogspot.com/search/label/ders'><img src='https://lh3.googleusercontent.com/-HEvsw4-tfng/VNev3LcblaI/AAAAAAAAP7U/SYSxVd0jDeA/h120/blogger-dersleri.png'/> Blogger Dersler</a></li>
<li><a href='http://metamorpheuss.blogspot.com/search/label/seo'><img src='https://lh4.googleusercontent.com/-_56Zh3xqouQ/VNev3CjY8UI/AAAAAAAAP7Y/EMQizddh2lk/h120/blogger-seo.png'/> Blogger Seo</a></li>
          </ul>
        </li>
        <li class='third'>
          <a href='/search?q=web'>
          <img src='https://lh3.googleusercontent.com/-TE70w0nwTJY/VXr05HciFOI/AAAAAAAAQ5U/L2q7HFev030/h120/d%25C3%25BCnya.png' />  WEB
          </a>
        </li>
        <li class='fourth'>
          <a href='/search?q=galeri'>
          <img src='https://lh3.googleusercontent.com/-pLWgSsWlrto/VXr1emQVOtI/AAAAAAAAQ5c/F2annDrXb44/h120/galeri.png' />  GALERİ
          </a>
        </li>
        <li class='fifth'>
          <a href='/search?q=sinema'>
          <img src='https://lh3.googleusercontent.com/-7YzdtaoqvuA/VXr2GiZI3tI/AAAAAAAAQ58/513YQNwigro/h120/cinema-16.png' />  SİNEMA
          </a>
          <ul class='menus'>
            <li>
              <a href='/search?q=yakında'>
          <img src='https://lh3.googleusercontent.com/-S53zFCKpEbU/VXr18dW3nWI/AAAAAAAAQ5w/oJTmJF40CbI/h120/yakında.png' />  YAKINDA
              </a>
            </li>
            <li>
              <a href='/search?q=film'>
          <img src='https://lh3.googleusercontent.com/-Oq195BuzBAo/VXr18RvO4fI/AAAAAAAAQ5k/HNv2kt--QzA/h120/filmizle.png' />  FiLM iZLE
              </a>
            </li>
          </ul>
        </li>
        <li class='sixth'>
          <a href='#'>
          <img src='https://lh3.googleusercontent.com/-IrJXFO1jkuY/VXr48KLyQqI/AAAAAAAAQ6I/2JdaETCkjcY/h120/program.png' />  UYGULAMA
          </a>
  <ul class='menus'>
            <li>
              <a href='/search?q=program'>
          <img src='https://lh3.googleusercontent.com/-TF91W1357Zc/VXr48GBCvhI/AAAAAAAAQ6M/Uq_jvmM24rc/h120/programs.png' />  PROGRAM
              </a>
            </li>
            <li>
              <a href='/search?q=crack'>
          <img src='https://lh3.googleusercontent.com/-fD3ewmd5Swg/VXr48Kdo40I/AAAAAAAAQ6Y/ypTUc-ffV6w/h120/crack.png' />  CRACK / PATCH
              </a>
            </li>
          </ul>
        </li>
        <li class='seventh'>
          <a href='/search?q=oyun'>
          <img src='https://lh3.googleusercontent.com/-w3rrrcXDmek/VXr6gtV1luI/AAAAAAAAQ6k/w-Itqz8TCJU/h120/oyun.png' />  OYUN
          </a>
  <ul class='menus'>
            <li>
              <a href='/search?q=oyun'>
        <img src='https://lh3.googleusercontent.com/-dH6UywbvhXU/VXr6gnCAHlI/AAAAAAAAQ6o/VteJVagsluw/h120/oyun-indir.png' /> OYUN iNDiR
              </a>
            </li>
            <li>
              <a href='/search?q=yama'>
        <img src='https://lh3.googleusercontent.com/-wFIaOvbjoAk/VXr6guutEUI/AAAAAAAAQ6s/HlMBjCTiYsc/h120/yama.png' /> YAMA / HiLE / CRACK
              </a>
            </li>
          </ul>
        </li>
        <li class='sixth'>
          <a href='/search?q=komik'>
        <img src='https://lh3.googleusercontent.com/-R_fgXTyVd0I/VXr7rccuzNI/AAAAAAAAQ7A/wZd-W3qYEek/h120/karikatur.png' />  KOMİK
          </a>
  <ul class='menus'>
            <li>
              <a href='/search?q=caps'>
        <img src='https://lh3.googleusercontent.com/-LV09xc-ie3s/VXr7sLYwsPI/AAAAAAAAQ7I/4ZBvDJuEfJY/h120/komik.png' />  CAPS
              </a>
            </li>
            <li>
              <a href='/search?q=video'>
        <img src='https://lh3.googleusercontent.com/-LV09xc-ie3s/VXr7sLYwsPI/AAAAAAAAQ7I/4ZBvDJuEfJY/h120/komik.png' />     ViDEO
              </a>
            </li>
            <li>
              <a href='/search?q=karikatür'>
        <img src='https://lh3.googleusercontent.com/-R_fgXTyVd0I/VXr7rccuzNI/AAAAAAAAQ7A/wZd-W3qYEek/h120/karikatur.png' /> KARiKATüR
              </a>
            </li>
          </ul>
        </li>
        <li class='sixth'>
          <a href='/search?q=müzik'>
        <img src='https://lh3.googleusercontent.com/--DrV20K8TnY/VXr7sSEOv3I/AAAAAAAAQ7M/etuh74QGMXk/h120/muzik.png' /> MÜZİK
          </a>
  <ul class='menus'>
            <li>
              <a href='/search?q=full-album'>
        <img src='https://lh3.googleusercontent.com/-4DWG-l9DR7Q/VXr7rUbsGlI/AAAAAAAAQ68/hJoAhhUw0bU/h120/full-album.png' /> FULL ALBUM İNDİR
              </a>
            </li>
            <li>
              <a href='/search?q=mp3'>
        <img src='https://lh3.googleusercontent.com/-zpX25VOm35U/VXr8_qmd2CI/AAAAAAAAQ8A/VmrlaMYLpDE/h120/mp3.png' /> MP3 İNDİR
              </a>
            </li>
            <li>
              <a href='/search?q=videoklip'>
        <img src='https://lh3.googleusercontent.com/-Wx7KDz94cFk/VXr7stbooqI/AAAAAAAAQ7Q/NLniGwnE_q4/h120/video.png' /> VİDEOKLİP İZLE
              </a>
            </li>
          </ul>
        </li>
        <li class='sixth'>
          <a href='/search?q=wallpaper'>
        <img src='https://lh3.googleusercontent.com/-kMPvm99znoY/VXr7tBWq7cI/AAAAAAAAQ7U/kLOR7UR3Ztc/h120/wallpaper.png' /> WALLPAPER
          </a>
        </li>
<br />
<br />
<br />

     </ul>