Kamis, 30 September 2010

Membuat Sidebar di Kiri

Setelah saya membuat trik tentang Membuat sidebar 2 kolom dan Membuat sidebar 2 kolom (2) kini saatnya saya Membuat Sidebar di Kiri biar tuntas gitu tentang Sidebar dan biar para kawan-kawan pecinta oketrik (emang oketrik siapa?) dapat belajar menambahkan elemen untuk sidebar. sebenarnya cara ini mungkin sudah banyak yang membagikannya tapi apa salahnya kalau saya membagikan ulang betul tidak? sekarang mari kita lihat cara dan langkah-langkah pembuatannya oke Joget

  1. seperti biasa kita login ke blogger
  2. masuk ke Tata Letak => Edit HTML
  3. cari kode ]]></b:skin> lalu taruh kode di bawah ini tepat di atasnya

    Membuat Sidebar di kiri

    #left-sidebar-wrapper {
    width: 130px; /* lebar dari sidebar kiri, sobat dapat menggantinya */
    float: left;
    word-wrap: break-word;
    overflow: hidden;
    }
    #left-sidebar-wrapper h2 {
    height: 20px;
    text-align: center;
    padding:1px 0px 0px 0px;
    font: verdana;
    background: #000; /* warna background judul, sobat dapat menggantinya */
    font-size:12px;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#fff; /* warna teks judul, sobat dapat menggantinya */
    -moz-border-radius: 10px;
    }

    Membuat Sidebar di kiri
  4. Setelah itu cari kode <div id='main-wrapper'> lalu taruh kode di bawah ini tepat di atasnya

    Membuat Sidebar di kiri

    <div id='left-sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar7' preferred='yes'>
    </b:section>
    </div>


    Membuat Sidebar di kiri
  5. Setelah itu sobat bisa menyimpannya deh
  6. Selesai
Bagaimana cara memasangnya mudah bukan? nah disini sobat bisa menanyakan atau meminta untuk di buatkan tutorial tentang blogger hanya dengan meninggalkan pesan atau menghubungi saya dengan mengklik "hubungi saya" pada menu navigasi yang ada di atas header, sekarang saya akhiri y. Terima Kasih dan happy blogging Nyari.

Tidak ada komentar:

Posting Komentar