Affiliate Program ”Get Money from your Website”
Online Job for All. Work from home computer.
Affiliate Program ”Get Money from your Website”
Get our toolbar!

SociaL sHarE

free counters
Monday, April 18, 2011

Cara Menambah Sidebar Pada Blog WordPress

Menambah Sidebar Pada Blog WordPress. Belajar php tu memang susah-susah gampang. Bikin pusing tu pasti, kadang mual sampe muntah-muntah…haha..tapi bagi yang telaten, tekun mendalami, belajar dan bermain script dan coding-coding setiap hari menjadi mengasyikan. Modif sana modif sini, try error dan titik kepuasannya setelah coding-coding modifanya berjalan sesuai rencana. Lega rasanya..Sama seperti saya. Ketika kode yang mau kita pasang ga berhasil, penasaran pun timbul. browsing sana browsing sini, pokoknya harus ketemu. ga ketemu sekarang, besok dilanjut. Seperti itu juga mungkin yang lagi baca ini..hehe.

Kode Untuk Menambah Sidebar

Wah..jadi panjang lebar gini ceritanya…haha…intermezo aja.

baik, kita masuk ke pembahasan. Kali ini saya ingin berbagi trik cara menambah sidebar pada blog wordpress.
Langkah pertama adalah mendaftarkan sidebar yang akan kita buat di file functions.php. Masukkan script ini di dalam file function.php. script di bawah ini berfungsi memunculkan pilihan sidebar pada saat anda ingin memasang widget.

1
2
3
4
if ( function_exists('register_sidebars') )
register_sidebars(2);
?>

Angka (2) di atas menandakan bahwa sidebar terdapat 2 buah. Untuk menambahnya tuliskan (3) atau terserah mau diisi berapa. Lalu klik “update file”. Setelah itu sekarang kita membuat file phpnya. Buat lewat cpanel pada direktori /public_html/wp-content/themes/namatheme dengan klik new file. Beri nama filenya dengan extensi .php, misal sidebar_anyar.php. Kemudia isi file tersebut dengan kode berikut:

1
2
3
4
5
    if ( function_exists('dynamic_sidebar') && dynamic_sidebar(3) ) : else : ?>
    endif; ?>

    Sesuaikan angka (3) dengan jumlah sidebar yang akan anda buat. Save pekerjaan.
    Nah setelah itu kita tinggal mengedit file-file template seperti index.php, single.php, page.php atau file mana saja yang akan kita munculkan sidebar tersebut. Tambahkan kode ini untuk memanggil file sidebar baru.

    1
    include (TEMPLATEPATH . '/sidebar_baru.php'); ?>

    Kadang ada template yang berbeda isi file function.phpnya. Misalnya seperti ini:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name' => 'Sidebar-1',
    'before_widget' => ",
    'after_widget' => ",
    'before_title' => '

    ',

    'after_title' => '',
    ));
    ?>

    Jika seperti ini biasanya themes tersebut hanya memiliki satu file sidebar.php yang berisikan beberapa sidebar. Sebetulnya kita bisa merubah file functions.php menjadi seperti cara sebelumnya tetapi lebih repot karena harus membagi file sidebar mejadi terpisah-pisah. Sebaiknya kita edit saja file functions.php tersebut. Copypaste kode sidebar yang ada dibagian bawahnya menjadi seperti ini :

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name' => 'Sidebar-1',
    'before_widget' => ",
    'after_widget' => ",
    'before_title' => '

    ',

    'after_title' => '',
    ));
    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name' => 'Sidebar-2',
    'before_widget' => ",
    'after_widget' => ",
    'before_title' => '

    ',

    'after_title' => '',
    ));
    ?>

    Jangan lupa untuk mengganti nama sidebarnya (yang warna merah), klik update file atau save. Nah sekarang kita buka file sidebar.php. Jika sebelumnya kita sudah memasang widget pada sidebar lama maka akan banyak terdapat kode-kode widget. Tapi kurang lebih isi kode utamanya adalah seperti ini :

    1
    2
    3
    4
    5
    6
    7
    class=”sidebar-1“>
      if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(”Sidebar-1“) ) : ?>
      endif; ?>

      Tinggal copypaste kode tersebut dibawah sidebar lama dan rubah nama sidebarnya, menjadi seperti ini :

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      class="sidebar-1">
        if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(”Sidebar-1“) ) : ?>
        endif; ?>
        class="sidebar-2">
          if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(”Sidebar-2“) ) : ?>
          endif; ?>
          Nb: replace tanda petik satu (‘) dan petik dua (“) pada kode di atas

          Update file atau save, selesai. untuk mengatur lebar dan efek sidebar edit pada file style.css. Jangan lupa tambahkan kode-kode sidebar baru kita di sana, cara mudahnya copy paste aja kode-kode sidebar lama dan ganti namanya. Nah sekarang tinggal menambah kan widget di sidebar melalui menu Appearance – widget.

          5 komentar:

          Anonymous said...

          file functions.php itu letaknya dimana ?
          /public_html/wp-admin/Admin functions.php ATAU /public_html/wp-content/themes/adventure-journal/functions.php

          Unknown said...

          buat saya mikir neee........

          han said...

          bagi saya sebagai pemula lumayan sulit hihi

          Unknown said...

          selamat mencoba gan........

          Rustama Efendi said...

          Web saya punya sidebar kanan. Setelah diutak atik malah sidebarnya hilang. Gimana ya cara mengembalikannya?

          banner

          Followers