Menambah Sidebar Tiga Kolom di Bawah Header

Jika Anda ingin menyertakan sidebar di bawah header, silahkan ikuti isyarat berikut. Pertama-tama yg mesti dikenali, yaitu sidebar yg saya maksud ialah sidebar tiga kolom. Artinya, akan ada tiga sidebar yg akan timbul/terpasang nantinya (lihat tiga kolom di bawah sajian blog ini).

Langsung saja untuk proses pemasangannya.

  • Log in ke akun BLOG Anda. Klik RANCANGAN kemudian klik EDIT HTML.
  • DOWNLOAD template Anda apalagi dulu kemudian centang EXPAND TEMPLATE WIDGET.
  • Letakkan kode berikut di atas ]]>.

    #sidebar-atas
    width:900px;
    clear:both;
    float:left;
    color:#fff;
    background: transparent;
    margin:0 auto;
    padding:0 0 10px;

    #sidebar-atas a:visited
    color:gray;
    text-decoration:none;

    #sidebar-atas h2
    color: #fff;
    font-family: Comic Sans MS;
    font-size: 20px;
    font-weight: normal;
    text-shadow: 1px 1px 6px #fff;
    margin: 0 0 10px;
    padding: 10px;
    background: url(https://lh3.googleusercontent.com/_QeIxO28ukBc/TZLjbMaApXI/AAAAAAAAALo/ZV6xupKEs7w/backian.jpg);
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;

    #left-sidebar-atas
    width:360px;
    float:left;
    padding-left:15px;

    #center-sidebar-atas
    width:230px;
    float:left;
    padding:0 20px;

    #right-sidebar-atas
    width:260px;
    float:right;
    padding-right:15px;

  • Kemudian cari kode berikut.
  • Setelah ketemu, letakkan isyarat berikut di bawahnya.
  • Jika Anda mempunyai sajian horizontal & ingin menyimpannya di bawah menu blog Anda, simpan saja kodenya di bawah instruksi sajian pada blog Anda.
  • Ganti tulisan berwarna merah & sesuaikan dgn ukuran blog Anda. SIMPAN TEMPLATE & simpulan. Silahkan lihat alhasil di ELEMEN LAMAN.

Selamat berguru & jangan lupa komentarnya ya!!!

  Menu Tab View Tanpa Edit HTML 2