Minggu, 15 Juli 2012

Membuat Ujung Posting Dan Sidebar Melengkung


  1. Didalam bowsing kita sering kali menemukan blog atau website yang pada keempat ujung halaman posting atau sidebarnya melengkung. Untuk bisa membuat blog seperti itu membutuhkan peng-edit-an pada kode-kode html blog kita. Adapun caranya adalah sebagai berikut:

  2. Masuk ke akun blogspot>rancangan>edit html. Download dahulu template (klik download template lengkap) untuk mengamankan data apabila praktek kita gagal nantinya.
  3. Cari kode dibawah ini, gunakan ctrl+f agar memudahkan pencarian:

#post {background:#ffffff;float: left;width: 475px;margin-bottom:5px;padding: 10px;overflow:hidden;border:1px solid #cfcfcf;}

Hapus dan ganti kode berwarna merah dengan kode dibawah ini:

  • border:1px solid #cfcfcf;;
  • -webkit-border-radius: 15px;
  • -moz-border-radius: 15px;
  • border-radius: 15px;
  • -webkit-box-shadow: 0px 2px 5px rgba(0,0%,0%,.15);
  • -moz-box-shadow: 0px 2px 5px hsla(0,0%,0%,.15);
  • box-shadow: 0px 2px 5px rgba(0,0%,0%,.15);

Kemudian simpan template.

Untuk merubah sidebarnya cari kode #sidebar/. sidebar .......... yang ditutup dengan }. Ulangi cara seperti diatas,
:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

5 komentar:

◄ Posting Baru Posting Lama ►