Tutorial Garis Tepi

Ahmad Nurul Mubarok
Pada awalnya setiap bagian blog memiliki garis tepi termasuk body atau latar keseluruhan dalam pc,akan tetapi dalam peng_coding-an template tidak disebutkan dalam perintah css.Untuk memahami kembali kod css (skin) template sila anda baca di post ini.

Untuk memahami kod garis tepi sila perhatikan susunan kod dibawah ini.
  1. Garis tepi jenis tunggal atau garis biasa
  2. Contoh:

  3. Kod yang digunakan : border:4px solid #000000;
  4. Pemahaman kod : border adalah perintah dalam css 4px  solid  #000000 adalah keterangan (descripsi) dalam perinta.4px menandakan besar garis tepi solid adalah jenis atau model garis tepi #00000 adalah susunan kod untuk warna hitam.Untuk mengetahui susunan kod warna sila layari halaman ini.Sedang symbol ; adalah symbol penutup dari setiap kod perintah css.
Selanjutnya sila fahami jenis garis tepi dalam susunan kod.
    1. dotted (putus-putus)

    2. dashed

    3. groove

    4. double

    5. ridge

    6. inset

    7. outset

    Selanjutnya tutorial penggunaan border dalam berbagai kod template;

    • Untuk mengguna garis tepi sebagai garis dalam suatu widget cukup memasukkan kod gadget didalam kod dibawah ini.
     <div style="background: none; border:4px solid #000000;height:30px; text-align: center; width:300px;overflow:auto"> Letak Kod Gadget/Widget </div>

    • Perintah garis tepi (solid) boleh diganti dengan jenis garis tepi diatas
    • Untuk menghilangkan lebar dan tinggi/membuat garis tepi secara otomatic boleh menghapus width dan height
    • Untuk memberi warna latar boleh mengganti background (none) menjadi background:#F5A9F2 ataupun dengan kod warna yang lain.
    Memasang garis tepi dalam template,sila siapkan dasbor kepada mode edit HTMl.Cadangan kami untuk yang pertama kali boleh mengguna blog yang tidak diguna.Dan kami ulangi untuk memahami bagian template blogspot boleh rujuk halaman ini.

     1.MEMBUAT GARIS TEPI SIDEBAR
    a.Pilih symbol F3 untuk memudahkan pencarian,ketikkan huruf sidebar pada kolom pencarian f3.
    b.Kod sidebar adalah seperti dibawah ini atau hampir sama dengan kod dibawah ini

    .sidebar {
    color: #fff;
    padding : 0;
    margin : 0 5px;
    font-size : 11px;
    text-shadow: 1px 1px 1px #000;
    }

    c.Kemudian tambahkan kod garis tepi didalamnya

    border:4px solid #000000;

    d.Boleh melakukan pratinjau sebelum menyimpan template (SAVE)

    2.MEMBUAT GARIS TEPI WRAPPER BLOG
    Main blog ialah kolom utama setiap blog yang didalamnya mengandungi main/artikel sidebar header dan footer.Cara dan langkah yang dilakukan adalah sama pada tutorial 1.Membuat garis Tepi sidebar perbedaanya hanyalah kod yang dicari dan kata yang dimasukkan dalam kolom f3.Begitupun juga dengan body ataupun bagian template yang lain.

    a.Sila pilih symbol f3 dan masukkan kod pencarian anda
    b.Masukkan kod garis tepi yang anda pilih (diatas) kedalam kod pencarian
    c.Sebelum menyimpan anda boleh melakukan pratinjau,kemudian menyimpan template (SAVE).

    Terimakasih kerana memahami itutorial.my 
    Sila masukkan cadangan di kolom komen dibawah ini
    untuk membangun itutorial kemasa hadapan nanti.

    Tutorial Garis Tepi

    Tutorial Garis Tepi get 10 out of 10 based on 10 ratings from 10 reviewers.

    Sponsored Link

    // iklan

    No comments:

    Post a Comment

    Note: only a member of this blog may post a comment.