Cara membuat border shadow keliling blog
|
16 Agu 2013
|
Tutorial
|
Kembali aku ingin menuliskan tutorial tentang cara membuat border shadow keliling blog yang gambarnya seperti di atas itu border warna pink.
Membuat border shadow keliling blog:
1.Login > Design Template > Edit template HTML > Expand widget
2.Tekan CTRL + F cari kode seperti di bawah ini:
.content-inner {3.Masukkan kode di bawah ini tepat di bawah kode no 2
-moz-border-radius: 25px;Atau jadinya seperti ini:
border-radius: 25px;
-moz-box-shadow: 0 0 6px 6px #ff99aa;
-webkit-box-shadow: 0 0 6px 6px #ff99aa;
box-shadow: 0 0 6px 6px #ff99aa;
.content-inner {-moz-border-radius: 25px;4.Cara kedua kalau gak berhasil adalah letakkan kode no 3 dibawah kode:
border-radius: 25px;
-moz-box-shadow: 0 0 6px 6px #ff99aa;
-webkit-box-shadow: 0 0 6px 6px #ff99aa;
box-shadow: 0 0 6px 6px #ff99aa;
.content-outer {5.Tekan preview/pratinjau dulu jadi apa nggak ? setelah itu baru tekan simpan template.
6.Untuk ukuran pixel/px yang warna biru anda bisa menukarnya sendiri, juga dengan kode warnapink juga bisa ditukar sendiri terserah mau memakai warna apa cari saja kodenya di kode warna.
annyeong , terimakasih :)
