Membuat border/ kotak keliling blog dari tab menu kebawah

Semalam Iyagus menjelaskan bagaimana membuat border/ kotak otomatis untuk kode HTML/ CSS dan kali ini Iyagus jelaskan bagaimana membuat border/ kotak keliling blog dari tab menu kebawah. Jadi maksudnya tab menu kebawah yaitu Menu bawaan blogger atau biasa disebut Menu HOME/ BERANDA dll. Jika ingin memasang border ini silahkan dicobah oke.

Border ini tanpa efek hanya border biasa, jika berminat jum kita mulai.

Caranya:
Silahkan masuk ke Edit HTML kemudian cari kode berikut!

.main-outer {

Jika sudah ketemu silahkan kopi kode berikut kemudian paste atau letakkan setelah kode diatas
border: 2px solid #FFFFFF;

Jadi hasilnya seperti ini:
.main-outer {
border: 2px solid #FFFFFF;

Untuk melihat hasilnya klik Preview jika oke langsung save

Jika sobat ingin mengedit kode tersebut silahkan kembali ke kode semulah tapi pastikan tamplate sudah disave
Keterangan:
Angka 2 tebal border
Tulisan solid adalah jenis border jika anda ingin menggantinya silahkan ( contoh: dashed * dotted * solid )
Kode #FFFFFF; adalah warna border

Semoga bermamfaat.


No comments:

Post a Comment

Jika ada sembarang pertanyaan silahkan komentar disini.