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:
Masuk ke akun blogspot>rancangan>edit html. Download dahulu template (klik download template lengkap) untuk mengamankan data apabila praktek kita gagal nantinya.
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,
Selamat berinovasi.
Masuk ke akun blogspot>rancangan>edit html. Download dahulu template (klik download template lengkap) untuk mengamankan data apabila praktek kita gagal nantinya.
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,
Selamat berinovasi.
NIce info gan Visit W3Schools
BalasHapusVisit W3Schools
BalasHapus