Tutorial blog

Cara memisahkan kotak Sidebar stiap kolom

Theby plg 10.58

silah kan ikuti langkah-langkahnya adalah sebagai berikut :

  • silah kan login ke blog kamu
  • pilih rancangan
  • selanjut nya klik edtit html
  • Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan di destop saja supaya lebih mudah menemukanya.
  • Cari kode CSS sidebar tepat nya diantar code <head> dan </head>


    • .sidebar .widget {
    border-bottom:1px dashed $bordercolor;
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }


    untuk memudah kan pencarian tekan CTRL+F
    Kode template tiap blog mungkin berbeda tapi cari yang memiliki kemiripan (.sidebar .widget). Atau jika belum ada maka tambahkan kode brikut
    .sidebar .widget {
    border-bottom:1px dashed $bordercolor;
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }

    Modifikasi kode .sidebar .widget, seperti dibawah ini.

    .sidebar .widget {
    background:#00000;
    border:1px dashed #005500;
    margin:0 0 1.5em;
    padding:0.5em;
    }


    maksut nya setiap widget yang kamu tambahkan dalam elemen sidebar akan dipisahkan (margin:0 0 1.5em;) sebesar 1,5em ke bawah. Kotak sidebar tersebut berlatar hitam (#000000) dan memiliki garis tepi/border berwarna hijau gelap (#005500) dashed artinya garis tepi nya putus-putus, sedangkan jarak teks dengan tepi kotak (padding:0.5em;) sebesar 0.5em.

    langkah terakhir simpan.
    Tags

    Posting Komentar

    1 Komentar

    Unknown mengatakan…
    assalamualaikum
    go2gel.blogspot.com
    9 Mei 2015 pukul 12.13
    Posting Komentar