Cara membuat border shadow keliling blog

Selamat pagi kawan, sorry aku menulis entri ini pada waktu pagi sunday morning xD. Kembali aku ingin menuliskan tutorial tentang cara membuat border shadow keliling blog yang gambarnya seperti di atas tuh 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;
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;

Atau jadinya seperti ini:

.content-inner {-moz-border-radius: 25px;
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;

 5.Cara kedua kalau gak berhasil adalah letakkan kode no 3 dibawah kode:

.content-outer {

6.Tekan preview/pratinjau dulu jadi apa gak?  setelah itu baru tekan simpan template.

7.Untuk ukuran pixel/px yang warna biru anda bisa menukarnya sendiri, juga dengan kode warna pink juga bisa ditukar sendiri terserah mau memakai warna apa cari saja kodenya di kode warna.

Itulah tutorial tentang cara membuat border shadow keliling blog, dan besuk Insya Allah aku akan memberikan tutorial border yang lain ---> border pada sidebar, post title, dll.

Share :