Hey semuanyaaaa:D Udah lama ngk ngepost,
kali ini mau ngepost tutorial Cara menambahkan border berbayang pada
sidebar title, nih! Udah tau border yang dimaksud kan? Ituloh, kalo liat
di blogku, di sidebar nya, setiap judul gadget ada bordernya kan? Nah,
itu dia! Ikuti tutorialnya kalo mau seperti itu! Ayoayo~
1. Sign in akun blog.
2. (Pada Dashboard) Pilih Template > Edit Html.
3. Cari kode di bawah ini (cara cepat gunakan Ctrl+F).
h2 {
4. Lalu, copy kode di bawah ini, dan paste-kan di bawah kode h2 { tadi.
background: #FFECF5;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0;
note:
kode
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0;
adalah kode untuk border segiempat, untuk memilih border dengan bentuk yang lain, silahkan pilih di sini
FFECF5 - kode warna untuk warna background title sidebar.
000000 - kode warna untuk warna border title.
C0C0C0 - kode warna untuk warna bayang-bayang border.
000000 - kode warna untuk warna border title.
C0C0C0 - kode warna untuk warna bayang-bayang border.
Untuk memilih sendiri kode warna yang diinginkan, silahkan pilih di sini
5. Setelah itu, silahkan mem-pratinjau template dahulu, kalau tidak ada kesalahan dan berhasil silahkan klik 'Save Changes'.
Selesai! Good luck;)
cr:Lesy
Tidak ada komentar:
Posting Komentar