Membuat Sidebar yang Berbeda dengan Homepage


duh.. aku bingung milih judul untuk postingan yang ini😀 … lucu banget kalo panjang sekali, tapi memang harus panjang ya kali … Maksudku sih gini, ide dari Arisanto nih, sering kita lihat ada blog yang sisi samping atau sidebarnya berbeda dengan sidebar yang ada di halaman depan blognya, misalnya dihalaman depan ada banner-banner iklan, recent posts, recent comments, dll tapi kalau kita akses salah satu halaman postingan, di sidebarnya cuma ada recent posts dan fitur search posts aja. Jadi kelihatan ngga terlalu penuh dan ga terlalu monoton tampilannya.

Kalau theme-nya tidak menyertakan, buat lah file sidebar lain di theme yang digunakan. Caranya,

  1. Buka file sidebar.php dari theme yang aktif itu di editor seperti Notepad atau Dreamweaver, edit isinya, misalnya kasih kode recent posts, Category, Tags, banner-banner, dll. yang agak beda dari aslinya.
  2. Save as dengan nama lain, misalnya sidebar2.php
  3. Sementara itu, buka file single.php atau category.php (tergantung yang mana mau dibikin beda sidebarnya) bisa di editor bisa juga dari menu Presentation >> Theme Editor di Admin Panel.
  4. Cari kode
    <?php get_sidebar(); ?>
  5. Ganti kode tersebut dengan kode ini
    <?php include ('sidebar2.php'); ?>
  6. Setelah di save, Upload lagi file-file itu ke server di theme yang sama “wp-content/themes/nama-themes-nya” kalau single.php bukanya dari admin panel, cukup file sidebar2.php yang baru itu yang di upload ke server.
  7. Dengan begini, setiap ada visitor akses halaman lain di blog anda, akan berbeda isi sidebarnya dengan yang di halaman home.

Note : Utak atik sidebar gini, membuat fitur Widgets tidak bisa digunakan lagi, jika tetap digunakan akan ada error di halaman lainnya itu.

Oya, tambahan, sebaiknya utak atiknya untuk themes yang ngga terlalu kompleks susunannya ya .. kadang ada tuh themes yang komplit banget seperti Premium Themes dan themes yang punya beberapa sidebar.

32 thoughts on “Membuat Sidebar yang Berbeda dengan Homepage

  1. Ping-balik: Link Tutorial Blog Lengkap (Wordpress, Blogger/ Blogspot) « .mifka weblog.

  2. Mbak Maya met kenal ya, waduh saya baru belajar otak atik wordpress n baru ketemu alamat mbak makasih banget ilmunya, tolong dong mbak klo sempet kunjungi blogku biar semangat belajarnya, trus klo pengen munculin RSS pada sidebar(widget ga terpakai)tolong ya mbak. thx

  3. Mbk. Maya

    saya mau nanya nich, gimana cara mindahin sidebar
    dari kiri ke sisi kanan, karena template yg aku pake
    sidebarnya di posisi kiri, kalo ganti template lain yang templatenya sebelah kanan bisa sih cuma sudah suka ama template ini, gimana yach cara nya?

  4. wah lengkap banget nih infonya, mbak, kunjungi blogQ juga dong, plizz. tolong kasih coment, blogq butuh apa lagi gitu, biar lebih ngejreng. makasi mabak buat semua infonya🙂

  5. mbak…mau bikin link di sidebar yang masuk ke halaman lain di blog caranya gimana ya….terima kasih…

    link berupa text ? yang di klik textnya ntar ngelink ke halaman tujuan ?
    pake kode seperti ini :
    Textnya klik disini

  6. wah …
    lengkap banget nih infonya tentang wordpress.

    tak sengaja hari ini kutemukan rivermaya ini.

    Bolehkah saya menambahkan link Anda pada blogroll Guru WordPress saya, biar mudah carinya di lain waktu.

    Sungguh tulisan Anda sangat membantu kita-kita yang masih awam tentang wordpress.

    Apalagi sekarang saya kesulitan dalam menulis di WordPress tampilan baru.

    Masih suka bingung dengan dasbor yang baru.

    Upload gambar juga lama banget, ga muncul-muncul ditunggu hingga setengah jam, padahal dulu-dulu cepet bgt upload gambar.

    Maka saya nulisnya pindah di blogdetik yang tampilannya seperti WordPress yang lalu.

    Maaf, jika saya yang suka tulisan Anda ini belum bisa kasih donasi.

    Ini pun masih dalam tahap belajar.

    Sebisa mungkin yang di blogdetik bukan hasil kopas, melainkan tulisan sendiri.

    Sudah terlanjur yang di WordPress 70% kopas.

  7. Mau tanya dong mba Maia..

    Kalau rubah background gambar dan jarak antara sidebar seperti contah halaman saya terlalu dekat gimana ya aku masih belum biasa utak atik Php Mohon bantuan dan bimbingannya kirim ke email saya ya mbak
    Saya Ucapkan terima kasih banyak
    Peace

  8. Thanks sekarang dah bisa!
    Eh satu lagi Boss… Gimana caranya masang banner di blogku sendiri Supaya kelihatan banner dan bisa diklik
    Thanks ya Boss.. atas tutorialnya…Horeee

    sama kayak nge-link tulisan, cuma tambahin kode link imagenya ada dimana

    <a href="http://namasitus.com/" target="blank"><img src="http://namasitus.com/namafoldertempatgambar/gambar.jpg" title="nama gambar"></img></a>

  9. Boss gimana biar tulisan yang dikasih url bisa diclicks di postingan

    blok tulisan yang mau di-link, trus klik tombol url di toolbar atas (yg gambar rantai) isi dengan url tujuan, trus klik insert.

    atau kasih kode spt ini di bagan Code pas nulis ..

    <a href="http://namasitustujuan.com" target="blank">Kata-kata yang di link </a>

  10. mbak, itu kan tadi ceritanya klo mau edit,
    nah klo mau nambah, bisa gak ya?
    misalnya template aslinya 2 kolom, trus kita mau nambah sidebar lagi biar bisa jadi 2 kolom, bisa gak?

    thanks in advance ya😉

    bisa aja, tapi perlu modifikasi banyak kode dari theme aslinya

  11. Mbak mau tanya, kalo bikin sidebar dibawah caranya dimana ya? (sidebar koq dibawah, yang namanya side ya disamping!)

    Kayak punyanya Problogger.net gitu lho, sidebarnya bisa diatas, dibawah, disamping gimana ya?

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