Membuat border melengkung keliling blog

Ini tutorial mengambil dari yang aku terapkan di blog aku sendiri saja sebenarnya 'membuat border melengkung keliling blog' atau istilahnya border curved contohnya seperti gambar di atas atau lihat aja blog aku, klik gambar di atas untuk memperjelas. Caranya gampang banget hanya perlu sedikit coding dan menaruh sedikit kode:

1.Masuk dashboard > template > edit HTML template
2.Tick Expand widget template dan tekan cecara bersamaan CTRL + F
3.Cari kode seperti ini:

/* Main

----------------------------------------------- */

.main-outer {

4.Copy paste kode di bawah ini dan letakkan di bawah kode no 3 tadi

-moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #FE2E64; } Kalau di bawah kode .main-outer { ada kode lain pembawaan dari blogger tolong hapus dulu.

5.Tekan pratinjau dulu baru simpan template/preview and save.

NB:

# warna merah itu ukuran curved bordernya bisa diubah menurut selera.

# warna pink 1px itu ketebalan border, kalau ingin tebal lagi tukar saja angkanya menjadi 2,3....etc xD.

# biru solid itu jenis bordernya (bisa ditukar dashed, dotted, dll)

# warna purple atau ungu itu warna border, kalau ingin menukar warna border cari kode warna sesuai keinginan.

Jadi atau gak? kalau gak jadi bilang aja di komen, ok xD.

Share :