Membuat Menu Kolom di Footer

Home » Blog » WordPress » Membuat Menu Kolom di Footer
Cari | Share | Tweet | WA | Print!.

Sering dimulai dengan melihat sesuatu yang menarik perhatian di sebuah situs, maka muncul keinginan untuk meniru atau memiliki hal yang bagus itu. Laku mencari bagaimana caranya, menemukan, mempraktekkan, dan kemudian berbagi. Begitulah kira-kira yang saya lakukan.

Proses mencari apa yang saya inginkan itu merupakan satu bagian yang sering menyita banyak waktu, karena sangat bergantung pada ketepatan kata kunci yang kita masukkan ke mesin pencari, dan bisa memakan waktu berjam-jam, bahkan hari, untuk menemukan apa yang dicari.

Namun mencari merupakan bagian yang paling menarik pula. Ada kegembiraan dan perasaan lega luar biasa ketika berhasil menemukan apa yang kita cari.

Kali ini adalah bagaimana membuat menu kolom pada footer blog yang berbasis WordPress. Sejak memiliki dotcom saya memang beralih ke platform WP, dengan begitu banyak pilihan plugin gratis dan tinggal pakai saja.

Inilah langkah-langkah untuk membuat menu kolom pada footer:

  1. Buka style.css anda, Selalu back-up sebelum melakukan perubahan.
  2. Masukkan kode css berikut ini di dalam style.css anda:

    .kolom1{
    text-align:left;
    float:left;
    margin:0 0 0 20px;
    }
    .kolom2{
    float:left;
    text-align:left;
    margin:0 0 0 60px;
    }
    .kolom3{
    float:left;
    text-align:left;
    margin:0 0 0 60px;
    }
    Save. Anda bisa menambahkan untuk kolom 4 dst.

  3. Buka footer.php dan masukkan kode berikut ini, rubah tautan sesuai keperluan:
    <p class="kolom1">
    <a href="https://www.thearoengbinangproject.com/tag/hotel/">Hotel</a><br/>
    <a href="https://www.thearoengbinangproject.com/tag/tempat-wisata/">Wisata</a><br/>
    <p/>

    <p class="kolom2">
    <a href="https://www.thearoengbinangproject.com/tag/peta-wisata/">Peta</a><br/>
    <a href="https://www.thearoengbinangproject.com/">Travelog</a><br/>
    </p>

    <p class="kolom3">
    <a href="https://www.thearoengbinangproject.com/pencarian/">Cari</a><br/>
    <a href="https://www.thearoengbinangproject.com/tentang-wisata/">Tentang</a><br/>
    </p>

  4. Save. Selesai.
Share | Tweet | WA | Email | Print! | Tag: ,

Oleh Bambang Aroengbinang. Lahir di Desa Mersi, Purwokerto, Jawa Tengah, sekarang tinggal di Jakarta. Blogger dan pejalan musiman yang senang berkunjung ke situs, makam, dan tempat bersejarah. Menyukai pemandangan daratan subur dan pegunungan hijau ketimbang laut. Kirim pesan ke BA lewat email, atau lewat WA jika ingin menjadi penulis di Aroengbinang. Diperbaiki 20 Maret 2017.

Lalu «
Baru » »