Beranda > Nge-Blog > Membuat Drop Down Menu pada WordPress

Membuat Drop Down Menu pada WordPress

Berawal dari perasaan kurang pas dengan tampilan blogroll blog sahabat yang semakin hari semakin banyak dan memanjang sehingga kurang menarik dari sisi estetika. saya mencoba mencari cara untuk merapikan tampilan blog saya yang semakin hari semakin padat saja. dan akhirnya ketemu juga dengan tips dari salah satu blog di wordpress.

Baik langsung aja copy paste code di bawah ini dan lakukan perubahan pada alamat http sesuai yang Sahabat Eidariesky butuhkan.

<div style=”border:1px solid #ffffff;overflow:auto;width:300px;height:150px;”>
<ul>

<li><a href=”https://eidariesky.wordpress.com/2010/06/25/khidir-hadir-semasa-pengurusan-jenazah-nabi-s-a-w/&#8221; target=”new”>Khidir Hadir Semasa Pengurusan Jenazah Nabi SAW</a></li>
<li><a href=”https://eidariesky.wordpress.com/2010/06/25/kisah-nabi-musa-dengan-wanita-penzina/&#8221; target=”new”>Kisah Nabi Musa Dengan Wanita Penzina</a></li>
<li><a href=”https://eidariesky.wordpress.com/2010/06/25/kisah-qarun-yang-binasa-dengan-hartanya/&#8221; target=”new”>Kisah Qarun Yang Binasa Dengan Hartanya</a></li>
<li><a href=”https://eidariesky.wordpress.com/2010/06/25/kisah-rasulullah-dengan-daging-beracun/&#8221; target=”new”>Kisah Rasulullah Dengan Daging Beracun</a></li>
<li><a href=”https://eidariesky.wordpress.com/2010/06/25/kisah-saiyidina-umar-dengan-paderi/&#8221; target=”new”>Kisah Syaidina Umar Dengan Paderi</a></li>
</ul>

</div>

Hasilnya akan tampak seperti dibawah ini.

Keterangan:

1 px : menunjukan besarnya garis pembatas (border)

Width: menunjukan ukuran lebar menu

Height: menunjukan ukuran tinggi menu

Untuk kode yang berwarna merah itu menunjukan isi menu tersebut.

Sumber : http://www.google.com

Iklan
Kategori:Nge-Blog Tag:
  1. 3 Juli 2010 pukul 9:22:18

    makasih infonya,,,

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: