Meletak Border DI Sekeliling Post

Posted on
  • Friday, June 10, 2011
  • by
  • Borong Shop
  • in
  • Labels:

  • Membuat border disekeliling posting bukan sahaja menambahkan seri pada posting tetapi juga sebagai pemisah diantara entry post. Kebanyakan template masa kini sudah pun mempunyai border seperti ini tanpa perlu ditambah kod.Bagaimanapun saya tetap membuatnya kerana saya rasa masih ada yg memerlukan tutorial ini..


    Cara membuatnya:


    1.Log in ke blogger
    2.pilih Design --->>Edit HTML


    3.Dengan menggunakan Ctrl + F Cari kod ini .post {


    Kemudian letak kod berikut dibawah kod .post {
    border: 1px solid #000000;
    jika inginkan border yang berlainan gunakan kod ini:
    border-top: 1px solid #000000; border-bottom: 2px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000;
    Note :


    1)Border boleh ditukar dengan menukar perkataan solid kepada dotted,dashed,outset,inset,groove,double dan ridge
    2)Kod: #000000 adalah untuk warna hitam,boleh tukarkan dengan warna yang diinginkan.Begitu juga dengan ketebalan border .
    3)Jika hendak letak warna latar belakang pada posting tambah kan kod berikut pada bahagian bawah kod tadi:
    background: #000000;
    atau nak letak imej sebagai background masukkan kod ini:
    background:url (url image anda disini);
    Cuma tukarkan kod warna yang sesuai supaya tampilan lebih menarik


    klik preview dahulu,jika tiada sebarang error seterusnya klik dan save template

    0 comments:

    Post a Comment

     
    Copyright (c) 2010 Stylish Tutorial by Secret Profile
    Any FAQ ? : Contact Me| Forum| About Me