Membuat Menu Kolom di Footer

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.

Matched content

Bagikan tulisan ini di : Facebook | Twitter | WhatsApp | Email atau Print!
Home » Blog » WordPress » Membuat Menu Kolom di Footer
Tag : ,

Oleh Bambang Aroengbinang. BA lahir di Desa Mersi, Purwokerto, Jawa Tengah, sekarang tinggal di Jakarta. Seorang blogger dan pejalan musiman yang senang berkunjung ke situs, makam, dan tempat bersejarah. Menyukai pemandangan daratan subur dan pegunungan hijau ketimbang laut. Kontak BA. Subscribe via email untuk kabar tulisan terbaru. Diperbarui pada 20 Maret 2017.

Sebelumnya : «
Berikutnya : »
Lihat pula : Sitemap